Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.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
Reactjs 网页包配置错误_Reactjs_Webpack_Jsx - Fatal编程技术网

Reactjs 网页包配置错误

Reactjs 网页包配置错误,reactjs,webpack,jsx,Reactjs,Webpack,Jsx,我试图为reacts web应用程序配置web包,但它一直告诉我使用 npm安装-D webpack cli: The CLI moved into a separate package: webpack-cli. Please install 'webpack-cli' in addition to webpack itself to use the CLI. -> When using npm: npm install webpack-cli -D -> When using y

我试图为reacts web应用程序配置web包,但它一直告诉我使用
npm安装-D webpack cli

The CLI moved into a separate package: webpack-cli.
Please install 'webpack-cli' in addition to webpack itself to use the CLI.
-> When using npm: npm install webpack-cli -D
-> When using yarn: yarn add webpack-cli -D
module.js:557
    throw err;
    ^
当我按照它的要求做时,它给了我一个错误:

 C:\Users\Desktop\lazabre1>webpack-dev-server
C:\Users\Desktop\lazabre1\webpack.config.js:59
        new webpack.NoErrorsPlugin()
        ^
这是我的webpack.config.js文件:

var webpack = require('webpack');
var path = require('path');

module.exports = {
    devtool: 'inline-source-map',
    entry: [
        'webpack-dev-server/client?http://127.0.0.1:8080/',
        'webpack/hot/only-dev-server',
        './src'

    ],

    output: {

        path: path.join(__dirname, 'public'),

        filename: 'bundle.js'

    },

    resolve: {
        modulesDirectories: ['node_modules', 'src'],
        extensions: ['', '.js']
    },
    module: {
        loaders: [
        {
            test: /\.jsx?$/,
            exclude: /node_modules/,
            loaders: ['react-hot', 'babel?presets[]=react,presets[]=es2015']
        }
        ]
    },
    plugins: [
        new webpack.HotModuleReplacementPlugin(),
        new webpack.NoErrorsPlugin()
    ]

};
我有两个问题:第一-如何解决这个问题//

第二-npm install webpack和npm install webpack cli

之间的区别是什么?您使用的是为webpack 1编写的配置文件(我猜,通过使用
module.loader
键和
NoErrorsPlugin
)和webpack 4(如果您没有另行指定,并且请求使用默认不再包含的CLI)

按照升级配置并更新

webpack cli
是使用命令行工具中的webpack的软件包(您正在尝试执行的操作)