如何設置反應正常

Question

我一直在下面的Codecademy網站的反應設置說明：

當我「故宮運行構建」輸入到終端我得到這個錯誤：

http://imgur.com/eYCxtAZ

我似乎無法弄清楚如何讓它起作用。

這裏是鏈接到我的代碼在我github上：在先進的 https://github.com/throwkill999/react_demo

謝謝！

Answer 1

該錯誤告訴您output.build不是有效的選項。您可能打算使用output.path。在某些地方如何連接__dirname還有其他問題，因爲您需要領先的/。但最好使用path.resolve。

你的配置是這樣的：

var path = require('path'); 
var HTMLWebpackPlugin = require('html-webpack-plugin'); 
var HTMLWebpackPluginConfig = new HTMLWebpackPlugin({ 
    template: path.resolve(__dirname, 'app/index.html'), 
    filename: 'index.html', 
    inject: 'body' 
}); 

module.exports = { 
    entry: path.resolve(__dirname, 'app/index.js'), 
    module: { 
     loaders: [ 
      { 
       test: /\.js$/, 
       exclude: /node_modules/, 
       loader: 'babel-loader' 
      } 
     ] 
    }, 
    output: { 
     filename: 'transformed.js', 
     path: path.resolve(__dirname, 'build') 
    }, 
    plugins: [HTMLWebpackPluginConfig] 
}; 

此外，在./app/index.js你有一個錯字，它應該是./components/Apps（你忘了s）。