Question

我一直在关注codecademy的反应设置说明：

当我在终端输入“npm run build”时，我收到此错误：

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

如何设置正确反应

1 个答案: