解决报错Cannot find module 'webpack-cli/bin/config-yargs'

当执行webpack-dev-server命令的时候就报以下错误:

D:\wabg>npm run server

> @ server D:\wabg
> webpack-dev-server --open

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:442
    throw err;
    ^

Error: Cannot find module 'webpack-cli/bin/config-yargs'
    at Function.Module._resolveFilename (module.js:440:15)
    at Function.Module._load (module.js:388:25)
    at Module.require (module.js:468:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (D:\wabg\node_modules\_webpack-dev-server@3.1.4@webpack-dev-server\bin\webpack-dev-server.js:6
5:1)
    at Module._compile (module.js:541:32)
    at Object.Module._extensions..js (module.js:550:10)
    at Module.load (module.js:458:32)
    at tryModuleLoad (module.js:417:12)
    at Function.Module._load (module.js:409:3)

npm ERR! Windows_NT 6.1.7601
npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "run
" "server"
npm ERR! node v6.2.1
npm ERR! npm  v3.9.3
npm ERR! code ELIFECYCLE
npm ERR! @ server: `webpack-dev-server --open`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the @ server script 'webpack-dev-server --open'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the  package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     webpack-dev-server --open
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!     npm owner ls
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR!     D:\wabg\npm-debug.log

当时我的 webpack 和 webpack-dev-server版本如下:

"webpack": "^4.16.0",
"webpack-cli": "^3.0.8",
"webpack-dev-server": "^3.1.4"

后来查了下可能是因为Webpack与webpack-dev-server版本不兼容导致,导致这几天一直在为一些莫名其妙的问题发生,之后测试好的,现在重新换了一台电脑,发现很多的东西不可以用了。

通过以下命令进行卸载和重装:

//卸载版本
cnpm uninstall webpack -g
cnpm uninstall -g webpack-dev-server

//安装指定版本
cnpm install webpack@3.8.0 --save-dev
cnpm install webpack-dev-server@2.9.7 --save-dev

最后 webpack 和 webpack-dev-server版本如下执行正常不报错:

"angular": "^1.7.2",
"angular-ui-router": "^1.0.18",
"html-loader": "^0.5.5",
"html-webpack-plugin": "^3.2.0",
"jquery": "^3.3.1",
"ngtemplate-loader": "^2.0.1",
"webpack": "^3.8.0",
"webpack-dev-server": "^2.9.7"
### 回答1: 这个错误通常发生在使用Webpack时,因为Webpack CLI没有正确安装或配置。是的,这个错误通常发生在使用Webpack时,因为Webpack CLI没有正确安装或配置。Webpack CLI是一个命令行工具,用于在命令行中运行Webpack命令。如果Webpack CLI没有正确安装或配置,它可能无法找到所需的模块,从而导致出现类似“cannot find module 'webpack-cli/bin/config-yargs'”的错误。 解决这个问题的方法包括: 1. 确认你已经全局安装了webpack-cli:在命令行中输入“npm list -g webpack-cli”,检查webpack-cli是否已经安装。如果没有安装,可以通过“npm install -g webpack-cli”来全局安装webpack-cli。 2. 确认你的项目中已经安装了webpack-cli:在项目的根目录下,运行“npm list webpack-cli”,检查webpack-cli是否已经安装。如果没有安装,可以通过“npm install webpack-cli --save-dev”来安装webpack-cli。 3. 确认你的webpack配置文件是否正确:检查webpack.config.js文件中是否正确地配置了webpackwebpack-cli。 4. 如果上述方法都没有解决问题,可以尝试更新npm和node.js版本,然后重新安装webpack-cli。 ### 回答2: 这个错误是由于缺少webpack-cli模块中的bin/config-yargs文件所引起的。webpack-cliwebpack的命令行工具,用于执行webpack命令。当我们执行webpack命令时,会查找webpack-cli模块,并在其中查找bin/config-yargs文件。如果找不到这个文件,就会抛出"cannot find module 'webpack-cli/bin/config-yargs'"的错误。 要解决这个问题,我们可以尝试以下几个方法: 1. 检查webpack-cli模块是否已安装:首先确保你已经在项目中安装了webpack-cli模块。可以通过在命令行中执行npm ls webpack-cli命令来检查。 2. 版本兼容性问题:如果你已经安装了webpack-cli模块,但仍然出现错误,可能是由于版本兼容性问题导致的。尝试安装或更新webpack-cli模块的最新版本,可以使用npm install webpack-cli@latest命令来更新。 3. 清除缓存:有时候,在安装或升级模块后,旧的缓存文件可能会导致错误。可以尝试清除npm缓存,使用npm cache clean命令清除缓存,然后重新安装webpack-cli模块。 如果以上方法都没有解决问题,可能是其他相关配置文件出现了问题,可以检查webpack配置文件是否正确,并确保相关依赖模块已安装。 总之,错误"cannot find module 'webpack-cli/bin/config-yargs'"通常是由于缺少或损坏的webpack-cli模块所引起的。通过检查模块是否安装、更新模块版本、清除缓存等方法,可以尝试解决这个问题。如果问题仍然存在,可能需要进一步检查其他配置文件或依赖项。 ### 回答3: 这个错误提示表示无法找到模块'webpack-cli/bin/config-yargs'。这通常是因为没有正确安装或配置WebpackCLI(命令行工具)。 要解决这个问题,可以尝试以下几个步骤: 1. 确认安装了webpack-cli模块:在命令行中输入`npm install webpack-cli -g`或`yarn global add webpack-cli`来全局安装webpack-cli模块。如果之前已经安装过,可以尝试卸载并重新安装。 2. 检查Webpack的配置文件:确认项目根目录中是否存在webpack.config.js或其他Webpack的配置文件。如果没有,则需要创建一个。 3. 更新Webpack的版本:如果已经安装了旧版本的Webpack,尝试更新到最新版本。可以使用`npm update webpack`或`yarn upgrade webpack`来更新。 4. 清除缓存并重新安装依赖:有时候,缓存中的某些文件可能导致问题。可以尝试使用`npm cache clean`或`yarn cache clean`来清除缓存,并重新安装项目的依赖。 5. 确保正确执行Webpack命令:在命令行中输入`webpack`来执行Webpack命令。确保正确使用了Webpack的命令行参数和选项。 如果以上步骤都无法解决问题,可以尝试搜索类似的错误信息,查看其他开发者的解决方案,或提交问题到相关社区寻求帮助。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值