我遇到了这个错误：当我命令“npm start”时找不到模块“webpack-cli/bin/config-yargs”答案

【问题标题】：I have faced this Error: Cannot find module 'webpack-cli/bin/config-yargs' when I command `npm start`我遇到了这个错误：当我命令“npm start”时找不到模块“webpack-cli/bin/config-yargs”
【发布时间】：2021-02-18 06:23:55
【问题描述】：

我在命令npm start 时遇到问题，它会抛出错误

$ npm start

> chapter_15_2@1.0.0 start E:\js\stack-learner\chapter_15_2
> webpack-dev-server

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

Error: Cannot find module 'webpack-cli/bin/config-yargs'
Require stack:
- E:\Js\Stack-Learner\chapter_15_2\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> (E:\Js\Stack-Learner\chapter_15_2\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: [
    'E:\\Js\\Stack-Learner\\chapter_15_2\\node_modules\\webpack-dev-server\\bin\\webpack-dev-server.js'
  ]
}
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! chapter_15_2@1.0.0 start: `webpack-dev-server`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the chapter_15_2@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\neloy\AppData\Roaming\npm-cache\_logs\2021-02-18T06_10_09_676Z-debug.log

Package.json 的代码。

{
  "name": "chapter_15_2",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "start": "webpack-dev-server"
    
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "@babel/cli": "^7.12.16",
    "@babel/core": "^7.12.16",
    "@babel/node": "^7.12.16",
    "@babel/polyfill": "^7.12.1",
    "@babel/preset-env": "^7.12.16",
    "@babel/register": "^7.12.13",
    "babel-loader": "^8.2.2",
    "babel-register": "^6.26.0",
    "html-webpack-plugin": "^5.1.0",
    "webpack": "^5.22.0",
    "webpack-cli": "^4.5.0",
    "webpack-dev-server": "^3.11.2"
  }
}

webpack.config.js的代码

const path = require('path')
const htmlWebpackPlugin = require('html-webpack-plugin')
require('babel-register')

module.exports = {
    entry: ['@babel/polyfill', './src/app.js'],
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: 'bundle.js'
    },
    module:{
        rules:[
            {
                test: /\.js$/,
                exclude: /node_modules/,
                use: ['babel-loader']
            }
        ]
    },
    plugins: [
        new htmlWebpackPlugin({
            template: "./index.html"
        })
    ],
    mode: 'development',
    devtool: 'inline-sourse-map',
    devServer:{
        open: true,
        contentBase: './dist'
    }

}

【问题讨论】：

标签： javascript node.js npm webpack

【解决方案1】：

你需要使用 npm@6 这是由 npm@7 引起的临时兼容性问题（它是在不到一个月前发布的）只需使用 6 个分支，现在一切正常。

【讨论】：