npm not start. Error: Cannot find module 'webpack-cli/bin/config-yargs'

Question

当我给出 npm start 命令及其显示时 internal/modules/cjs/loader.js:883 抛出错误：错误：找不到模块“webpack-cli/bin/config-yargs” 请帮我解决这个问题使用 os : windows 10 节点版本是 v14.16.1

> chapter15.1@1.0.0 start
> webpack-dev-server

internal/modules/cjs/loader.js:883
  throw err;
  ^

Error: Cannot find module 'webpack-cli/bin/config-yargs'
Require stack:
- C:\Users\user\Desktop\JS full Course\chapter15.1\node_modules\webpack-dev-server\bin\webpack-dev-server.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:880:15)
    at Function.Module._load (internal/modules/cjs/loader.js:725:27)
    at Module.require (internal/modules/cjs/loader.js:952:19)
    at require (internal/modules/cjs/helpers.js:88:18)
    at Object.<anonymous> (C:\Users\user\Desktop\JS full Course\chapter15.1\node_modules\webpack-dev-server\bin\webpack-dev-server.js:65:1)
    at Module._compile (internal/modules/cjs/loader.js:1063:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10)
    at Module.load (internal/modules/cjs/loader.js:928:32)
    at Function.Module._load (internal/modules/cjs/loader.js:769:14)
    at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:72:12) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    'C:\Users\user\Desktop\JS full Course\chapter15.1\node_modules\webpack-dev-server\bin\webpack-dev-server.js'
  ]
}

webpack 版本 5.37.1 webpack-cli 版本 4.7.0 webpack-dev-server 版本 3.11.2

Package.json 文件是

{
  "name": "chapter15.1",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "start": "webpack-dev-server"
    
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "@babel/cli": "^7.14.3",
    "@babel/core": "^7.14.3",
    "@babel/node": "^7.14.2",
    "@babel/polyfill": "^7.12.1",
    "@babel/preset-env": "^7.14.2",
    "@babel/register": "^7.13.16",
    "babel-loader": "^8.2.2",
    "babel-register": "^6.26.0",
    "html-webpack-plugin": "^5.3.1",
    "webpack": "^5.37.1",
    "webpack-cli": "^4.7.0",
    "webpack-dev-server": "^3.11.2"
  }
}

Answer 1

在 Package.json 文件中添加如下所示的 serve 脚本并删除 start 脚本。 See the documentation.

{
  
  "scripts": {
    "serve": "webpack serve"
    
  },

然后运行在您的终端中执行此命令。 npm run serve

npm not start. Error: Cannot find module 'webpack-cli/bin/config-yargs'

npm not start. Error: Cannot find module 'webpack-cli/bin/config-yargs'

node.js

webpack

webpack-dev-server

webpack-cli