我已经下载了webpack-cli了，但是依然报错。蒙蔽了

Question

我已经下载了webpack-cli了，但是依然报错。蒙蔽了

D:\web\products\webpackTest2>webpack-cli -v
2.0.10

D:\web\products\webpackTest2>webpack-dev-server -v
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:540
    throw err;
    ^

Error: Cannot find module 'webpack-cli/bin/config-yargs'
    at Function.Module._resolveFilename (module.js:538:15)
    at Function.Module._load (module.js:468:25)
    at Module.require (module.js:587:17)
    at require (internal/module.js:11:18)
    at Object.<anonymous> (D:\web\products\webpackTest2\node_modules\_webpack-dev-server@3.1.0@webpack-dev-server\bin\webpack-dev-server.js:65:1)
    at Module._compile (module.js:643:30)
    at Object.Module._extensions..js (module.js:654:10)
    at Module.load (module.js:556:32)
    at tryModuleLoad (module.js:499:12)
    at Function.Module._load (module.js:491:3)

Answer 1

遇到过一样的问题，不知道你是否也用的webpack4？
我的解决方法是在config配置文件中加入配置：mode: 'development'或者 mode: 'production'

module.exports={
    //其他参数
    mode: 'development',
    devServer: {
        //其他配置
        
    } 
}

mode是webpack4新增配置项。
你可以试试。
命令行加参数 --mode development 或 --mode production 应该也可以。

Answer 2

it needs to be installed alongside webpack to use the CLI

webpack-cli需要和webpack同时安装才能生效。记住！！同时安装

yarn add webpack-cli webpack -D

Answer 3

参考：https://www.cnblogs.com/wymbk...

Answer 4

package.json版本如下：

"webpack": "^5.17.0",
"webpack-cli": "^4.4.0",
"webpack-dev-server": "^3.11.2"

后来在github issues找到解决办法

1、安装
npm i webpack-cli @webpack-cli/init
2、 调整package.json

"scripts": {
    "start": "webpack-cli serve --mode development"
},

Answer 5

 删除node\_modules

yarn add webpack webpack-cli  -D

编辑 package.json

 "scripts": {
    "start": "webpack serve"
  }

yarn start

尽量不用 npm