Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/arrays/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何正确设置和反应_Javascript_Reactjs_Terminal_Webpack_Frontend - Fatal编程技术网

Javascript 如何正确设置和反应

Javascript 如何正确设置和反应,javascript,reactjs,terminal,webpack,frontend,Javascript,Reactjs,Terminal,Webpack,Frontend,我一直遵循codecademy上的react设置说明: 当我在终端中输入“npm运行构建”时,我得到以下错误: 我似乎不知道如何让它工作 以下是我在github上的代码链接: 提前感谢 错误告诉您,output.build不是有效选项。你可能想用它。在某些地方,如何连接\uu dirname还有其他问题,因为它们需要一个前导/。但最好用它来做 您的配置如下所示: var path = require('path'); var HTMLWebpackPlugin = require('html

我一直遵循codecademy上的react设置说明:

当我在终端中输入“npm运行构建”时,我得到以下错误:

我似乎不知道如何让它工作

以下是我在github上的代码链接:


提前感谢

错误告诉您,
output.build
不是有效选项。你可能想用它。在某些地方,如何连接
\uu dirname
还有其他问题,因为它们需要一个前导
/
。但最好用它来做

您的配置如下所示:

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

是否全局安装了网页包?我没有全局安装网页包。webpack网站说不推荐使用,所以我不确定是否应该使用。如果您想使用CLI,您应该在全球范围内安装webpack,我仍然会收到相同的错误。您好,感谢您的回复。我输入了你上面写的代码。我仍然收到完全相同的错误,如“output.build不是有效选项”。我不确定还能做什么。请确保用发布的代码覆盖您的
webpack.config.js
。只有保留旧配置,才能得到错误。