如何设置反应正常

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）。