webpack 错误：CLI 移动到一个单独的包中：webpack-cli答案

【问题标题】：webpack error : CLI moved into a separate package: webpack-cliwebpack 错误：CLI 移动到一个单独的包中：webpack-cli
【发布时间】：2019-02-08 03:57:32
【问题描述】：

我正在按照教程 here 安装 react，我是 ReactJS 的新手。

我完成了视频中所示的安装并在根项目文件夹中运行此命令：

npm start it

我在这里遇到了以下错误：

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 i -D webpack-cli
-> When using yarn: yarn add -D webpack-cli
module.js:471
    throw err;
    ^

Error: Cannot find module 'webpack-cli/bin/config-yargs'
    at Function.Module._resolveFilename (module.js:469:15)

我尝试了link 中发布的解决方案，但还是一样。

这里是 webpack.config.js：

var path = require('path');
module.exports = {
    entry: './script.jsx',
    output: {
        path: path.resolve(__dirname,''),
        filename: 'transpiled.js'
    },
    module: {
        rules: [
            test: /\.jsx?$/,
            loaders: 'babel-loader',
            exclude: /node_modules/,
            query: {
                presets: ['es2015', 'react']
            }
        ]
    }
}

还有 package.json：

{
  "name": "react_project",
  "version": "1.0.0",
  "description": "first project on react",
  "main": "index.js",
  "scripts": {
    "it": "webpack-dev-server --hot"
  },
  "author": "azima",
  "license": "ISC",
  "devDependencies": {
    "babel-core": "^6.26.3",
    "babel-loader": "^8.0.1",
    "babel-preset-es2015": "^6.24.1",
    "babel-preset-react": "^6.24.1",
    "webpack": "^4.17.1",
    "webpack-dev-server": "^3.1.7"
  },
  "dependencies": {
    "react": "^16.4.2",
    "react-dom": "^16.4.2"
  }
}

是 Webpack 版本的问题吗？

【问题讨论】：

The CLI moved into a separate package: webpack-cli的可能重复

标签： javascript node.js reactjs npm webpack

【解决方案1】：

试试npm install webpack-cli --save

【讨论】：

在你的 webpack 配置中尝试{ test: /\.jsx$/ ... }
即使我使用的是yarn，这仍然有效。很奇怪。
这对纱线也有效。但是，您必须管理两个包管理器。我建议你坚持一个。如果你同时使用了package.lock 文件和yarn.lock 文件，你会注意到两者都会生成。