vue部署到线上时，Loading chunk xxx failed 问题

已于 2023-04-06 11:44:15 修改
阅读量4.6w 收藏 2
点赞数 6
分类专栏： vue 文章标签： vue.js 前端 javascript
于 2018-09-26 19:40:07 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40918145/article/details/82858088
版权

如图所示，今天遇到了一个奇怪的问题，做了两套路由，超级管理员一套，普通管理员一套，从超管切到普管页面的时候，普管的权限页面怎么点击都是报Loading chunk xxx failed问题，而在本地没有这个问题，从网上的方法得知，将config / index.js的build的路径assetsPublicPath改为‘/’,就好了，而本地的是早就设置了‘/’，所以没有这个问题

看效果

木头没有瓜
关注
  • 6
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 7
    评论
专栏目录
vue项目部署到Apache服务器中遇到的问题解决
10-18
主要介绍了vue项目部署到Apache中遇到的问题解决，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Vue 项目部署到服务器的问题解决方法
08-28
本篇文章主要介绍了Vue 项目部署到服务器的问题解决方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Loading chunk * failed错误
最新发布
one、two、three，go的博客
03-18 416
【代码】Loading chunk * failed错误。
vue打包问题，优化
四月
06-02 767
问题背景： 项目分为前端vue项目和后端JAVA工程。前端vue项目发版上线，需要npm run build 打包到本地，然后将包移到java工程中。再去jenkins点击发版。 弊端：前端打包，然后移到java工程中，这样人为操作太繁琐。 解决方案一： 前端vue项目打包时候，直接打包到java工程中，省去中间拖拽环节。核心是改变打包的配置路径；（config文件夹下的index.js） 原本打包配置为： 修改完之后为： ...
Vue打包后放到服务器出现Loading chunk {n} failed 错误的解决办法
Rey
03-31 1万+
这个报错的主要原因是因为vue通过webpack打包生成多个模块js文件，我们把build后的文件上传到服务器，这时是第一次上传，我们访问时不会出现该报错。但是正常的项目都会需要更新迭代，当我们再次打包后某些js文件就会改变，再上传到服务器后，由于浏览器缓存问题，用户在访问的时候还会再访问之前的js文件，这是就会出现Loading chunk {n} failed这种报错。 哪怕我们解决浏览器的缓...
vue项目上线报loading chunk * failed 错误[已解决]
weixin_48156531的博客
11-30 7022
vue项目上线报loading chunk * failed 错误 我是刚写完的vue后台管理项目，上线部署到nginx上，然后本地测试没毛病，线上就是报这种错误，查了很多资料，大部分都是这种方法： 就是把将 config / index.js的build的路径assetsPublicPath改为‘/’ 可能是我自己项目的原因并不好使 最后找到了解决办法，是路由懒加载的原因 解决： let scrollview = () => import('@/pages/innovation/scrollvi
vue-router.esm.js: Error: “Loading chunk 0 failed“ 完美解决方案
盏茶作酒的博客
07-22 1万+
最近做项目遇到一个非常头疼的问题，就是在加上 vue-route 后， 火狐浏览器 访问路由会卡住，有些浏览器会，有些不会。所以一直用 chrome/chromium 开发，但是这种浏览器兼容性问题是一定要解决的，虽然只是部分电脑，但是非常不友好。 问题 今天再次尝试，发现一旦等待时间久了，就会出现如下错误 vue-router.esm.js: Error: "Loading chunk 0 failed." 这个错误，前段时间找了好多资料，没能解决。今天再次去找，也是参考了很..
ChunkLoadError: Loading chunk 0 failed
w5475495的博客
05-01 3356
umi+antd打包部署之后，使用IP、域名访问提示： vendors.68a7c9b0.async.js:1 Uncaught SyntaxError: Unexpected token '<' (at vendors.68a7c9b0.async.js:1:1) umi.c458e4f5.js:1 Uncaught (in promise) ChunkLoadError: Loading chunk 0 failed. (mi......
线上项目路由跳转报错 Loading chunk failed
yueye_wu的博客
08-18 4861
线上项目路由跳转报错 Loading chunk failed
Vue开发中出现 Loading Chunk-###... Failed 的问题解决
weixin_67140738的博客
10-12 3557
当访问了项目的某个界面（其他界面未访问，也就是未加载资源）时，加载了打包后的index.html入口文件，入口文件中会有其他异步加载的对应包，而在重新打包后这些包的名称发生了改变，这时候重新发布了项目。里面有跳转对应界面所需要的文件，但是这个文件是之前版本的文件，也就是说当你跳转一个未加载资源的界面，这时候用错误的路径去加载，然后报错。例如，如果的静态资源存放在CDN上，我们需要将publicPath配置为CDN的地址。例如，如果我们的打包文件需要输出到指定的目录下，我们需要将output配置目录的路径。
Loading chunk {n} failed 的解决方法
weixin_42333548的博客
04-19 9307
背景: 前端代码更改后,每次发布到测试环境,用户的页面如果不刷新,会读取缓存,导致页面白掉! 本地没有过，都是打包到服务器上才有 error info Uncaught SyntaxError: Unexpected token '<' Uncaught ChunkLoadError: Loading chunk 8 failed. (missing: https://mispaceuat.mihoyo.com/static/js/8.98f2a71fc60af3a81dd1.js)
详解Vue项目中出现Loading chunk {n} failed问题的解决方法
10-18
主要介绍了详解Vue项目中出现Loading chunk {n} failed问题的解决方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue项目部署到nginx/tomcat服务器的实现
10-16
主要介绍了vue项目部署到nginx/tomcat服务器的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Loading chunk failed问题处理
热门推荐
hu_baobao的博客
10-16 1万+
import React from 'react' import { observer, inject } from 'mobx-react' import Component from 'edt-components/Component' import { sessionStorage } from 'utils/storage' import FullLoading from 'edt-components/FullLoading' import _ from 'lodash' @observer c.
基础项目部署遇到的坑配置修改
张润楷的博客，一起变的更强
02-28 334
guns-core 的pom.xml文件 <dependency> <groupId>javax.servlet</groupId> <artifactId>javax.servlet-api</artifactId> </dependency> <dependency> <groupId>org.springframework.boot&
Vue项目中出现Loading chunk {n} failed问题的解决方法
weixin_42138420的博客
11-04 2505
这种报错来自于webpack进行code spilt之后某些bundle文件lazy loading失败。 当在渲染一个路由的过程中，需要尝试解析一个异步组件时发生错误。 完全符合我们场景，所以在onError方法中我们实现如下代码： 1、服务端解决方式 报错的原因是某些js bundle没有被找到，所以在服务端接收到获取该js文件的请求时先判断该js文件是否存在，如果存在直接返回js文件，如果不存在则返回一个提示信息给前端，让前端处理。假设服务端用express作为静态文件服务器，代码如下： app.al
Loading chunk {n} failed 解决方法集合
qq_45723621的博客
07-05 2793
在加载网页时遇到了"Loading chunk {n} failed"的错误，这可能是由于以下几个原因之一： 1. 网络连接问题 2. 缓存问题 3. 服务器问题 4.浏览器兼容性问题
Vue 解决Loading chunk (\d)+ failed问题
Maximus_ckp的博客
01-10 1万+
import Vue from 'vue'; import Router from 'vue-router'; // 两种页面引入方式 // 方式1，将所有页面import进来，会打包成一个巨大的js,首页加载慢，后续页面加载快，不推荐 // import Page404 from '@/pages/Page404'; // import Indexfrom '@/pages/index'; ...
vue项目部署到线上环境后报错无法读取component
06-04
这个问题可能是由于你的Vue项目中使用了WebPack打包工具，但是在线上环境中没有正确地进行打包或部署所导致的。以下是一些可能的解决方案： 1. 确保你的Vue项目已经正确地进行了打包。你可以在本地运行`npm run build`命令进行打包，然后将打包后的文件上传到线上环境。 2. 确保你的Vue项目的依赖已经正确地安装并且版本与本地环境一致。你可以在线上环境中运行`npm install`命令来安装依赖。 3. 确保你的Vue项目中没有使用相对路径来引用组件。在线上环境中，相对路径可能会发生变化，导致组件无法正确地被引用。你可以使用绝对路径或者别名来引用组件。 4. 确保你的Vue项目中的组件已经正确地注册。你可以在组件所在的文件中使用`export default`来导出组件，并在`main.js`中使用`Vue.component`或`Vue.use`方法来注册组件。 希望以上解决方案能够帮助你解决问题。如果问题仍然存在，请提供更多的详细信息，以便我能够更好地帮助你解决问题。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值