Error: Cannot find module ‘webpack/bin/config-yargs‘ at Function.Module._resolveFilename (intern

猫头虎

发布于 2024-04-08 13:35:10

1400

发布于 2024-04-08 13:35:10

🌷🍁 博主猫头虎带您 Go to New World.✨🍁 🦄 博客首页——猫头虎的博客🎐 🐳《面试题大全专栏》文章图文并茂🦕生动形象🦖简单易学！欢迎大家来踩踩~🌺 🌊 《IDEA开发秘籍专栏》学会IDEA常用操作，工作效率翻倍~💐 🌊 《100天精通Golang(基础入门篇）》学会Golang语言，畅玩云原生，走遍大小厂~💐
🪁🍁 希望本文能够给您带来一定的帮助🌸文章粗浅，敬请批评指正！🍁🐥

错误日志

D:\ideaproject\vue-cli>npm run dev

> vue-cli@1.0.0 dev D:\ideaproject\vue-cli
> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

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

Error: Cannot find module 'webpack/bin/config-yargs'
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:581:15)
    at Function.Module._load (internal/modules/cjs/loader.js:507:25)
    at Module.require (internal/modules/cjs/loader.js:637:17)
    at require (internal/modules/cjs/helpers.js:22:18)
    at Object.<anonymous> (D:\ideaproject\vue-cli\node_modules\webpack-dev-server\bin\webpack-dev-server.js:54:1)
    at Module._compile (internal/modules/cjs/loader.js:689:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:700:10)
    at Module.load (internal/modules/cjs/loader.js:599:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:538:12)
    at Function.Module._load (internal/modules/cjs/loader.js:530:3)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! vue-cli@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the vue-cli@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\Administrator\AppData\Roaming\npm-cache\_logs\2022-11-17T07_54_21_888Z-debug.log

npm 、cnpm 、node、vue 全都装上了，就是 webpack 装不上！！

解答：版本兼容问题

查看node.js版本

node -v

切换镜像命令

npm config set registry http://registry.npm.taobao.org/

查看镜像命令

npm get registry

步骤一：卸载旧版本

npm uninstall webpack -g   // 卸载webpack
npm uninstall webpack-dev-server // 卸载webpack-dev-server

步骤二：安装指定版本

npm install webpack@3.8.0 --save-dev
npm install webpack-dev-server@2.9.7 --save-dev

总结：

最后执行npm run dev就可以**Compiled successfully.**啦

D:\ideaproject\vue-cli>npm run dev

> vue-cli@1.0.0 dev D:\ideaproject\vue-cli
> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

 12% building modules 23/31 modules 8 active ...=0!D:\ideaproject\vue-cli\src\App.vue{ parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }.
 95% emitting

 DONE  Compiled successfully in 4104ms                                                                                                                                                             15:58:03


 I  Your application is running here: http://localhost:8080