网页包。找不到模块'webpack-cli/bin/config-yargs'答案

【问题标题】：Webpack. Cannot find module 'webpack-cli/bin/config-yargs'网页包。找不到模块'webpack-cli/bin/config-yargs'
【发布时间】：2021-07-24 14:50:06
【问题描述】：

我有问题。我试图将webpack-dev-server 更改为webpack serve，但没有帮助。还尝试单独开处方："start": "webpack serve"。它也没有帮助......

终端错误：

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

Error: Cannot find module 'webpack-cli/bin/config-yargs'
Require stack:
- C:\Users\Maryana\Desktop\zeta\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\Maryana\Desktop\zeta\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\\Maryana\\Desktop\\zeta\\node_modules\\webpack-dev-server\\bin\\webpack-dev-server.js'
  ]
}

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the zeta@1.0.0 dev 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\Maryana\AppData\Roaming\npm-cache\_logs\2021-07-24T14_32_15_253Z-debug.log

我的 package.json：

"scripts": {
    "dev": "webpack-dev-server --open --config ./build/webpack.dev.conf.js",
    "build": "webpack --config ./build/webpack.build.conf.js"
  },
  "browserslist": [
    "> 1%",
    "last 3 version"
  ],
  "license": "ISC",
  "devDependencies": {
    "@babel/core": "^7.14.8",
    "@babel/preset-env": "^7.14.8",
    "autoprefixer": "^10.3.1",
    "babel-loader": "^8.2.2",
    "copy-webpack-plugin": "^9.0.1",
    "css-loader": "^6.2.0",
    "css-mqpacker": "^7.0.0",
    "cssnano": "^5.0.7",
    "file-loader": "^6.2.0",
    "html-webpack-plugin": "^5.3.2",
    "mini-css-extract-plugin": "^2.1.0",
    "node-sass": "^6.0.1",
    "postcss-loader": "^6.1.1",
    "sass-loader": "^12.1.0",
    "style-loader": "^3.2.1",
    "webpack": "^5.46.0",
    "webpack-cli": "^4.7.2",
    "webpack-dev-server": "^3.11.2",
    "webpack-merge": "^5.8.0"
  }

也许有人需要将 devtool: 'cheap-module-eval-source-map' 更改为 devtool: 'eval-source-map'

【问题讨论】：

标签： webpack webpack-dev-server

【解决方案1】：

试试这个答案

Cannot find module 'webpack/bin/config-yargs'

你可以尝试通过这个命令更新你的 webpack 版本

npm install --save-dev webpack webpack-cli webpack-dev-server 现在转到你的 package.json，在脚本下添加这一行

"dev": "webpack serve --mode development --env development"

如果您已全局安装它，还值得从 cli 检查 webpack --version。

【讨论】：