Node.js npm start给出带有react js的webpack cli错误

我刚刚从这个网站开始学习react.js 当我运行此命令时，在遵循所有设置信息之后，

npm start

。我一直在寻找它，但帮不了我。有人能帮忙吗？错误如下：

C:\Users\USER\Desktop\reactapp>npm start

> reactapp@0.0.1 start C:\Users\USER\Desktop\reactapp
> webpack-dev-server.cmd --content-base app

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:442
    throw err;
    ^

Error: Cannot find module 'webpack-cli/bin/config-yargs'
    at Function.Module._resolveFilename (module.js:440:15)
    at Function.Module._load (module.js:388:25)
    at Module.require (module.js:468:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (C:\Users\USER\Desktop\reactapp\node_modules\webpack-dev-server\bin\webpack-dev-server.js:65:1)

安装后的my package.json>>

 {
  "name": "reactapp",
  "version": "0.0.1",
  "description": "first test",
  "main": "index.js",
  "scripts": {
    "start": "webpack-dev-server --hot"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "react": "^16.4.2",
    "react-dom": "^16.4.2",
    "webpack": "^4.16.5",
    "webpack-dev-server": "^3.1.5"
  },
  "devDependencies": {
    "webpack-cli": "^3.1.0"
  }
}

---

我认为您应该安装webpack cli：

---

npm i-D webpack cli

由于您基于的是一篇没有指定webpack版本的旧文章，因此您似乎正在使用以前版本的webpack config针对旧代码库运行更新版本的webpack。 您有两种选择：

• 回滚到正确的webpack版本，该版本将与您的webpack配置一起使用，并且不会要求您安装CLI
• 使用最新的网页包版本，安装CLI和其他任何必要的工具，并将网页包配置更新为最新的API

---

我还建议您寻找更好的更新帖子。

您收到的错误告诉您“CLI已移动到单独的包中：webpack CLI。”。您下面的教程似乎也是从CLI附带的

webpack

包开始的。您必须使用较新版本单独安装

npm i -D webpack-cli

第二个错误来自于以前在

configuration.module.loaders

中定义加载程序的网页，但后来它已更改为

configuration.module.rules

webpack.config.js

var config = {
  // ...
  module: {
    rules: [
      {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        loader: "babel-loader",
        query: {
          presets: ["es2015", "react"]
        }
      }
    ]
  }
};

module.exports = config;

---

您是否运行了npm i？错误告诉您“CLI已移动到单独的包中：webpack CLI。”。如果您遵循的是旧教程，则可能不会提及。尝试

npm i-D webpack cli

，然后

npm start

不知道我今天刚刚开始，你能建议如何运行npm ii吗如果你可以运行

npm start

，你已经安装了

npm

，也可以编写

npm i

npm install

是在浏览器中开始的好方法。如果您不想在刚开始的时候自己配置Webpack，您可以使用它，这也很好。是的，规则的加载程序可以正常工作。但我会跟随可能的反应组织网站。感谢you@SumonBappi伟大的是的，创建React应用程序或代码Sandbox+React文档是一个很好的开始。祝你好运

var config = {
  // ...
  module: {
    rules: [
      {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        loader: "babel-loader",
        query: {
          presets: ["es2015", "react"]
        }
      }
    ]
  }
};

module.exports = config;