無法找到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

回答

相關問題