Error: Cannot find module - webpack-dev-server.js

Error: Cannot find module - webpack-dev-server.js

我正在从头开始构建一个 React 应用程序。通常,我 运行 使用 npm create-react-app,它会为您生成所有内容。我正在学习本教程 https://www.youtube.com/watch?v=deyxI-6C2u4&ab_channel=TraversyMedia,它在描述中有 GitHub 存储库。问题是 - 当我 运行 "npm start" 它应该 运行 这个命令

webpack-dev-server --mode development --open --hot

这里写的是package.json

"scripts": {
    "start": "webpack-dev-server --mode development --open --hot",
    "build": "./node_modules/.bin/webpack --mode production"
  },

如果我手动 运行 命令,则该命令有效,但是使用 npm start 时,它会出现以下错误

PS D:\React&Webpack4 boilerplate> npm start

> react-webpack4-boilerplate@1.0.0 start D:\React&Webpack4 boilerplate
> webpack-dev-server --mode development --open --hot

'Webpack4' is not recognized as an internal or external command,
operable program, or batch file.
internal/modules/cjs/loader.js:968
  throw err;
  ^

Error: Cannot find module 'D:\...\webpack-dev-server.js'
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:965:15)
    at Function.Module._load (internal/modules/cjs/loader.js:841:27)
    at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:71:12)
    at internal/main/run_main_module.js:17:47 {
  code: 'MODULE_NOT_FOUND',
  requireStack: []
}
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! react-webpack4-boilerplate@1.0.0 start: `webpack-dev-server --mode development --open --hot`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the react-webpack4-boilerplate@1.0.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\***\AppData\Roaming\npm-cache\_logs20-09-30T18_11_15_755Z-debug.log

全局安装,并尝试将webpack路径添加到局部变量。

我运行遇到了上面同样的问题。您可以尝试以下方法:

"scripts": {
    "start": "webpack-dev-server --open --hot",
    "build": "./node_modules/.bin/webpack --mode production"
  },