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

【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 中,就不会出现打包卡住的情况了

版权声明:本文为baidu_28647571原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/baidu_28647571/article/details/90903895

智能推荐

Linux搭建LAMP,源码安装

Linux搭建LAMP,源码安装 LAMP是Linux Apache MySQL PHP的简写,即把Apache、MySQL以及PHP安装在Linux系统上,组成一个环境来运行PHP的脚本语言,通常是网站。Apache 是最常用的Web服务软件,而MySQL是比较小型的数据库软件,这两个软件以及PHP都可以安装到Windows的机器上。 我们可以把Apache+PHP安装在一台机器上,再把MySQ...

模拟按键 —— 鼠标

背景 之前写自动化脚本的时候总是遇到一些很尴尬的问题: 跑脚本时模拟鼠标按键时,光标是真实的跑到了那个位置的,也就是说跑脚本的时候会很影响电脑的正常使用,导致不得不开一个虚拟机专门跑。 另外因为光标只有一个所以很难实现多线程去同时操作多个窗口,当线程1 模拟鼠标但还没有结束时,线程2 已经开始执行模拟操作,这就导致了线程1 的模拟操作被终止了,被迫之下只能开多个虚拟机(但实在太占用性能🙄) 解决...

Hibernate学习总结(一)

一、Hibernate简介 一个持久层的ORM框架。ORM:Object Relational Mapping(对象关系映射)。指的是将一个Java中的对象与关系型数据库中的表建立一种映射关系,从而操作对象就可以操作数据库中的表。 二、Hibernate入门 1、创建一个项目,引入jar包 hibernate用到的jar包 2、创建表 3、创建实体类 4、创建映射(*****) 映射需要通过XML...

Linux系统NFS

文章目录 1. nfs简介 1.1 nfs特点 1.2 使用nfs的好处 1.3 nfs的体系组成 1.4 nfs的应用场景 2. nfs工作机制 2.1 RPC 2.2 NIS 2.3 nfs工作机制 3. exports文件的格式 4. nfs管理 5. 作业 5.1手动搭建一个nfs服务器 5.1.1开放/nfs/shared目录,供所有用户查阅资料 5.1.2 开放/nfs/upload目...

关于java中String,StringBuffer,StringBuilder的区别以及StringBuffer,StringBuilder的安全性问题

这里的结果就是正确的然后我们来看他的append方法 它在前边加了一个synchronized来修饰,相当于同时只能有一个线程来访问他,这样就不会产生上边的问题但同时他的效率也就比StringBuilder低,...

猜你喜欢

Django连接现有mysql数据库

1、打开cmd后cd到项目位置 2、建立项目 django-admin startproject test2 3、编辑项目中的配置文件, mysite/settings.py ,告诉Django你的数据库连接参数和数据库名。具体的说,要提供 DATABASE_NAME , DATABASE_ENGINE , DATAB...

ShareSDK新浪微博登录时报错error:redirect_uri_mismatch

今天用 ShareSDK 做第三方登录的时候碰到个问题,明明在微博平台的应用审核已经通过了,但是调用登录接口的时候一直报错,错误如下: 出现这个错误是因为在微博开放平台上没有设置回调地址,或者设置的回调地址与本地XML中的地址不一致。 在sharesdk.xml文件当中对于微博的设置: 其中RedirectUrl为设置的回调地址,这里的地址必须要与微博开发平台设置的地址相同,否则就会出现上面的错误...

python解析网络封包方法

2019独角兽企业重金招聘Python工程师标准>>> 在使用Python解析网络数据包时,使用网络字节序解析,参见下表。 C语言的数据类型和Python的数据类型对照表请参见下表。 接下来对封包与解包进行举例说明。 version type id content unsigned short unsigned short unsigned int unsigned int 封包...

python3:时间方法,异常处理,系统文件相关模块(os)

文章目录 时间方法 time模块 时间表示方法: time模块的方法 datetime模块 异常处理 触发异常 创建mydiv.py脚本,要求如下: 创建myerror.py脚本,要求如下: os模块 实现ls -R(os.walk) os.path pickle模块 记账脚本 时间方法 time模块 时间表示方法: 时间戳:自1970-1-1 0:00:00到某一时间点之间的秒数 UTC时间:世...

负载均衡群集——LVS+DR模型

一、实验组成 调度器 192.168.100:41 web1 192.168.100:42 web2 192.168.100.43 NFS共享服务器 192.168.100.44 二、实验拓扑 三、实验配置 3.1在调度器配置:192.168.100.41 配置虚拟IP地址(VIP) 调整/proc响应参数 对于 DR 群集模式来说,由于 LVS 负载调度器和各节点需要共用 VIP 地址,应该关闭...