Vue路由懒加载报错问题解决
使用Vue路由懒加载时报了以下错误:
经过百度发现,出现该问题的原因是: import 属于异步引用组件,需要特殊的babel-loader处理
解决办法:
- 安装babel用来编译import异步引用方法的模块 babel-plugin-syntax-dynamic-import
cnpm install babel-plugin-syntax-dynamic-import -D
- 在
.bablerc
中引入syntax-dynamic-import插件
{"presets": ["env"],"plugins": ["syntax-dynamic-import"]}
到这一步,配置就搞定了。但是我在运行时又报出了以下错误:
出现这个问题的原因是:项目里面引入了mui.min.js文件,babel在将js文件转码为ES5时,默认使用严格模式,而在严格模式下,为了安全起见是不能用caller,callee,arguments等属性的
解决办法:修改bablerc文件的配置,让项目忽略第三方js的转码
在.bablerc
中设置忽略第三方JS文件
{"presets": [],"plugins": [],//主要是添加以下代码"ignore": ["./src/lib/mui/js/*.js"]
}
到此,重新运行即可。
Vue路由懒加载报错问题解决相关推荐
- vue 路由懒加载 报错 Loading chunk * failed 组件加载不出来
跳转对应的路由,无法跳转,打开控制太发现报错,查看网络发现对应的组件没有获取到,而且获取时间只有4ms就停止获取了,谷歌不会报这样的错误,但是edge会, 解决方法(不一定有用):给请求代码套个try ...
- vue-cli3+typescript+路由懒加载报错问题
vue-cli3的版本是3.4.1 出现的情况是网页显示正常,但是终端一直提示找不到模块: 如果去掉路由懒加载的方式,就没有报错: 原因是以前我们习惯直接写文件名而不加后缀, 现在使用ts时就需要写v ...
- Error: Loading chunk * failed,Vue Router懒加载报错问题解决方案
最近vue项目路由改成了懒加载方式,刚开始并没有什么问题,清空项目文件,重新下载配置运行后,就发现控制台报以下错误: [vue-router] Failed to resolve async comp ...
- vue“路由懒加载” 技术,让网页快速加载 (优化篇)
(含代码示例.截图演示)让中大型vue项目,按需加载文件,让网页快速渲染! 官方文档:路与懒加载 所谓的路由懒加载: 代码示例 · 对比: 1. 没有优化的代码(截图1 · 省略) import Vu ...
- 图片懒加载和Vue路由懒加载
图片懒加载 什么是懒加载? 懒加载也叫做延迟加载或者按需加载 .在长网页中延迟加载暂时未看到的图片数据,能够优化网页性能,提高用户体验 .在较长的网页或应用中,如果图片很多,等待全部图片都被加载出来需 ...
- vue路由懒加载的两种方式
1.当一个vue项目很大的时候,对于一些"暂时"用不到的组件,我们可以不进行加载,等到用到次组件时再加载.这样可以优化spa应用首次加载白屏情况,也给用户更好的体验.这样就是vue ...
- Vue 路由懒加载——介绍以及遇到的问题
使用路由懒加载的原因 当打包构建应用时,JavaScript 包会变得非常大,影响页面加载.如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了. ...
- vue路由懒加载_优化vue项目的首屏加载速度
最近使用vue-cli3构建了一个小型的博客系统,完工之后,build打包出来发现一个chunk-vendors包就有1.1m,部署上去之后,访问的时候,首屏加载非常慢.居然需要21s,体验极差. 这 ...
- Vue 路由懒加载
路由和组件的常用两种懒加载方式: 1.vue异步组件实现路由懒加载 component:resolve=>(['需要加载的路由的地址',resolve]) 2.es提出的import(推荐使用这 ...
最新文章
- EXPDP 时ORA-27054 问题处置
- micropython esp8266+ssd1306(OLED) 显示中文(示例)
- 李宏毅深度学习——第一天
- unix到底有啥用_观点|什么是Unix以及它为什么这么重要?
- java restful_Java EE中的RESTful计时器
- python 全栈开发,Day81(博客系统个人主页,文章详情页)
- macos big sur 11 完整离线安装包v11.5.2正式版
- windows graphics - DXGI 介绍(DirectX Graphics Infrastructure)
- 使用python将视频按照帧转为图片
- 选择导入过滤器endnote_EndNote 知网的 Import Filter (滤件制作实例) | 科研动力
- Google中国招聘三大标准 实干、内功与人品
- Axure 实现问卷调查(带计时器功能)
- 微信网页开发异常——签名失败
- vue的两个核心点分别是什么?
- MACD与OBV结合,用OBV进行改进MACD指标公式
- Windows如何区分鼠标双击和两次单击
- BBS论坛项目相关-4:发帖模块
- 天网防火墙 与 Filemon和Regmon 有冲突
- 心灵驿站——洗尽铅华
- 数学建模图论算法学习总结
热门文章
- 续航越级!真我GT Neo5 SE震撼发布,1999元起售
- 2022-2027年中国安防智能化行业市场全景评估及发展战略规划报告
- android手机密码忘了哪个电话打开,安卓手机锁屏密码忘了怎么办 解决锁屏密码六种方法介绍...
- grep命令 |grep
- 【EmguCV系列一】EmguCV下载安装以及配置
- Idea多次启动同一个服务
- 栅栏密码(The Rail-Fence Cipher)
- MySQL 解压版下载安装
- python利用有道词典翻译_Python利用有道词典接口制作即时翻译的工具
- 如何用70行Java代码实现深度神经网络算法