Vue启动报错 Cannot find module 'webpack/bin/config-yargs'

栏目: 编程工具 · 发布时间: 5年前

内容简介:项目背景是 使用Vue开发SPA单页面应用鳖废话,先上错误好吧,我认为除了最上面这句,下面的信息都可以先放到一边(绝对不是因为我看不懂才用省略号代替的).

项目背景是 使用Vue开发SPA单页面应用

鳖废话,先上错误

Cannot find module 'webpack/bin/config-yargs'
    at Function.Module._resolveFilename (module.js:325:15)
    at Function.Module._load (module.js:276:25)
    at Module.require (module.js:353:17)
    at require (internal/module.js:12:17)
    at Object.<anonymous> (D:\my\react-task\node_modules\webpack-dev-server\bin\webpack-dev-server.js:24:1)
    at Module._compile (module.js:409:26)
    at Object.Module._extensions..js (module.js:416:10)
    at Module.load (module.js:343:32)
    at Function.Module._load (module.js:300:12)
    at Function.Module.runMain (module.js:441:10)
......
复制代码

好吧,我认为除了最上面这句,下面的信息都可以先放到一边(绝对不是因为我看不懂才用省略号代替的).

碰到错误怎么办,搜索引擎走一走,走马观花看了一圈(为了先解决问题),当然错误最后是解决了的。

错误原因

这个错误是在项目启动的时候冒出来的。在报错之前我在命令提示符里瞎操作了一通,现在都忘了当时干了什么了,反正最后的结果就是报了上面那个错,这里给自已一个'啪啪啪'。

根据我在网上看到的,有两种说法:

一种说是webpack 和 webpack-dev-server版本不匹配

另一种是webpack4之后,将config-yargs放到了webpack-cli里面去了

怎么看它们的版本呢?项目根目录下有一个package.json文件,里面放了项目的描述和导入的依赖包描述,然后有一个devDependencies属性,在这里面就可以看到上面三个模板依赖的版本 。

以下是我的(版本更改后的):

"webpack": "^3.8.0",
"webpack-bundle-analyzer": "^2.9.0",
"webpack-dev-server": "^2.9.7",
复制代码

解决方案

先打开cmd,定位到你本地的项目下,然后可以尝试两种解决方案

  1. webpack 版本在 4 以上时

    安装 webpack-cli,然后更新

npm install webpack-cli -D
npm update
复制代码

我当时版本就是 4 点几,然后执行了上面的操作,结果发现 webpack-cli 是没下成功还是咋地,反正还是启动失败。

嗯哼,没关系,我还能撑。

  1. 修改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
复制代码

(不要纠结 -g 在前在后,据我实验无所谓。)

这上面两个版本是不冲突的(貌似webpack3 和 webpack-dev-server2次要版本高一点的 都还匹配,我没试过,猜的)。

当然,如果到此时你还是报错,嗯嗯嗯~。

把node_modules(在项目根目录下)删了吧,重装。

删除文件夹,在cmd中输入 nmp install。

要是再搞不定,咳咳,那要不就别搞单页面应用了吧。

over over over


以上所述就是小编给大家介绍的《Vue启动报错 Cannot find module 'webpack/bin/config-yargs'》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

C语言程序开发范例宝典

C语言程序开发范例宝典

2010-1 / 59.00元

《C语言程序开发范例宝典》全面介绍了应用C语言进行开发的各种技术和技巧,全书共分12章,内容包括基础知识、指针、数据结构、算法、数学应用、文件操作、库函数应用、图形图像、系统调用、加解密与安全性、游戏、综合应用等。全书共提供300个实例,每个实例都突出了其实用性。 《C语言程序开发范例宝典》既可作为C程序的初学者学习用书,也可作为程序开发人员、相关培训机构老师和学生的参考用书。一起来看看 《C语言程序开发范例宝典》 这本书的介绍吧!

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具