前端vue项目打包出现警告且在测试环境打不开页面及控制台报错ChunkLoadError问题解决方案

直接上警告及报错的效果图,图一是在打包过程中出现的警告提示(注意:这个警告可能会在打包过程中一闪而过,被下面的内容覆盖导致忽略此警告),图二是环境上,点击导航栏后,页面打不开,并且控制台报错信息,而且打包文件明显过大,压缩后的包文件也同样明显过大,如下:

 

 单独通过报错信息是定位不到问题所在的,但是通过图一,我们可以看到大概意思,指入口文件过大,而且下面显示了两个入口文件,分别为index.js,及toolBar.js,此时就可以去定位到项目的配置文件,在vue.config.js文件中查看是否配置了多入口,如果确实配置了,那么问题就应该出在多入口配置这里,大概率是配置出现问题,我的项目不需要配置多入口,因此当我注释掉以下配置的代码之后,打包就没有警告了,打包之后的文件大小正常了。

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值