【vue 打包】npm run build 打包卡住的问题

最近遇到了一个问题,使用 npm run build 打包的时候,会卡住不动
在这里插入图片描述

解决方法一

网上百度了很久,都说可能是访问 npm 源 超时的问题,改成淘宝镜像就好了

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

由于项目在内网,本身就无法访问外网,我把项目拷到外网(经过领导同意了)之后,打包试了下,还是不行,并没有要 install 什么东西的感觉,不过还是切了下淘宝镜像,仍然卡住不动

于是开始怀疑是代码方面的问题

解决方法二

把代码回退到正常版本后,利用 BeyondCompare 比较了下两个文件下

附上BeyondCompare的文件夹自动比较方法

https://zhidao.baidu.com/question/1241374367071713459.html

其实就是因为 BeyondCompare 4 没有默认设置文件夹的比较内容,所以不会自动比较,只需要在新建下的文件比较中设置后就好了,保存设置之后,在文件夹比较中新建比较即可
在这里插入图片描述
在这里插入图片描述

继续。。。

比较之后发现,我有些文件夹下会有部分重名的副本,是写代码过程中防止想回退保存下来的,

有这样的
在这里插入图片描述
也有这样的
在这里插入图片描述
删掉之后 神奇的事情就发生了。。。。

npm run build 居然不卡了。。。

感觉很神奇

测试了一下

  1. 开始以为是组件命名不能带有数字,但是全改成了副本还是有问题
  2. 然后又觉得是不是有多个文件同时引用相同组件的问题,但是把副本中的内容删到了只剩下 template 还是会卡住
很神奇,希望有碰到相同问题的小伙伴分享下心得,是不是 vue-cli 项目打包对文件有什么要求。。。,万分感谢!

(刚刚发表的时候,没有写标题,然后由于一些操作把这个页面也退出了,所以这是重写的一份,忧伤)

后续

实际情况是, server.vue 和 server-副本.vue都引用了同一个组件,Echart.vue组件,在Echart.vue 组件中,引用了皮肤
require('ehcarts/theme/customed')
将引用皮肤的代码放到main.js 中,就不会出现打包卡住的情况了

Logo

前往低代码交流专区

更多推荐