当前位置: 首页 > news >正文

运行Vue项目报错ChunkLoadError: Loading chunk 0 failed.

今天在搭建一个前后端分离的项目,前端报了一个问题,由于我不太了解前端,找了好多办法都没解决。因为是维护老项目,拿到源码大概率是没有问题的(我也是赌的……只能按照没问题来查了),最后耐下心来,仔细检查对比路径,终于发现了问题。
此处假设我的项目名是:myProject

问题

ChunkLoadError: Loading chunk 0 failed.
(error: http://localhost:8082/myProject/static/js/0.js)
假设myProject是我的项目名,大概就报这个错
在这里插入图片描述

解题思路

在这里插入图片描述

我把error后面的地址http://localhost:8082/myProject/static/js/0.js复制到新的浏览器窗口,在控制台看报错信息。报错信息如下:
在这里插入图片描述
我的路径有重复的static/js,由此大概猜到是路径的问题。于是我将这段路径复制到浏览器,并结合我配置的publicPath(在vue.config.js里)。如下图所示:
在这里插入图片描述
如果我配置了publicPath: “./”, 那就意味着访问js的路径在http://localhost:8082/static/js/app.js。我又拿http://localhost:8082/static/js/app.js到浏览器去访问试了一下,果然成功了。
所以我按照注释的提示,去改了publicPath(在vue.config.js里)这个配置,按照我的项目名改成了publicPath: “/myProject/”,再重新运行vue,就解决了。
在这里插入图片描述

总结

公共路径配置的有问题,直接配置到了根下面,如http://localhost:8082/。
请结合浏览器控制台反馈的问题,检查vue.config.js里面的publicPath配置,或许这样你的问题就解决了。
另外,修改了配置一定要重启vue啊!!!!
这个问题卡了我很久,我也是前端小白。但咋说呢,程序没有那么多邪乎的事儿吧,还是要细心耐心的慢慢查。

http://www.lryc.cn/news/468623.html

相关文章:

  • 腾讯云上基于 Apache Pulsar 的大规模生产实践
  • Linux网络:序列化与反序列化
  • Aloudata BIG 主动元数据平台支持 Oracle/DB2 存储过程算子级血缘解析
  • Java 解决阿里云OSS服务器私有权限图片通过URL无法预览的问题
  • HarmonyOS 5.0应用开发——应用打包HAP、HAR、HSP
  • Android demo文件内容记录
  • 掌握SQL高阶技巧,助你提高数据处理的效率和查询性能
  • 【AI服务器】全国产PCIe 5.0 Switch SerDes 测试和分析,以11槽PCIe GPU底板(PCIe 4.0/5.0)为例(二)
  • #数据结构(二)--栈和队列
  • react18中的函数组件底层渲染原理分析
  • 提升产品竞争力之--IPD产品成本篇
  • 如何在Debian操作系统上安装Docker
  • ArrayList和Array、LinkedList、Vector 间的区别
  • Linux开发环境配置(下)
  • 系统开发常用命令合集
  • Termius工具在MAC的使用出现的问题:
  • 浅析Android中View的绘制流程
  • pikachu靶场- 文件上传unsafe upfileupload
  • java中this的内存原理是?
  • Matlab 车牌识别技术
  • CUDA-求最大值最小值atomicMaxatomicMin
  • 新的Midjourney就是一个增强版的Photoshop,你现在可以轻松的用它换衣服、换发型了
  • Linux系统安装软件的4种方式【源码配置编译安装、yum安装、rpm包安装、二进制软件包安装(.rpm/.tar.gz/.tgz/.bz2)】
  • 基于Spring Boot的洪涝灾害应急信息管理系统设计与实现
  • 912.排序数组(桶排序)
  • IPC 进程间通信 消息队列
  • opencv 图像翻转- python 实现
  • 使用DolphinScheduler接口实现批量导入工作流并上线
  • pycharm导出环境安装包列表
  • 分体式智能网关在现代电力物联网中的优势有哪些?