无法找到index.js当反应ES 6应用程序由django

我已经在ES6中构建了一个反应应用程序，并创建了一个bundle.js并将其锚定在由django提供的HTML页面中。在开发过程中的应用程序运行良好的节点服务器上运行，但是当网页被Django的链接到静态bundle.js文件送达，我得到了以下错误：无法找到index.js当反应ES 6应用程序由django

VM1517:1 Uncaught Error: Cannot find module "./src/index.js"

注意index.js是这种反应的切入点应用程序。任何帮助表示赞赏！谢谢！

的webpack.config.js低于：

module.exports = { 
    entry: [ 
    './src/index.js' 
    ], 
    output: { 
    path: __dirname, 
    publicPath: '/', 
    filename: 'bundle.js' 
    }, 
    module: { 
    loaders: [{ 
     exclude: /node_modules/, 
     loader: 'babel' 
    }] 
    }, 
    resolve: { 
    extensions: ['', '.js', '.jsx'] 
    }, 
    devServer: { 
    contentBase: './' 
    } 
};

UPDATE：@kaylus运行的WebPack的结果如下：

ERROR in ./src/index.js 
Module build failed: SyntaxError: Unexpected token (137:12) 

    135 |  render() { 
    136 |   return (
> 137 |    <div className='container'>

更新：我通过以下@ Kaylus的链接，这篇文章https://stackoverflow.com/a/33460642/3974213解决了这个问题

来源

2017-05-08 totoro

运行** webpack **的结果是什么？ – LimpingNinja

@Kaylus谢谢你的回复！请参阅更新后的帖子。显然你是对的。为什么错误？ – totoro

我假设它与此条目类似：[babel-loader jsx SyntaxError]（http://stackoverflow.com/questions/33460420/babel-loader-jsx-syntaxerror-unexpected-token?answertab=votes#tab-最佳）。首先进行检查，您可能需要ES和REACT预设。 – LimpingNinja

确保您的.babelrc至少包含es2015并作为预设进行响应。另外，我可能会读这个错误，但如果你的输出文件名是“bundle.js”，你为什么要服务“index.js”？

更新：

没关系，我确实读过那个错误。将一个publicPath添加到您的devServer。

来源

2017-05-08 05:53:37

无法找到index.js当反应ES 6应用程序由django

回答

相关问题