Vue路由懒加载_vuerouter路由懒加载

Vue路由懒加载_vuerouter路由懒加载使用Vue路由懒加载时报了以下错误:经过百度发现,出现该问题的原因是:import属于异步引用组件,需要特殊的babel-loader处理解决办法:安装babel用来编译import异步引用方法的模块babel-plugin-syntax-dynamic-importcnpminstallbabel-plugin-syntax-dynamic-import-D在.b…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全家桶1年46,售后保障稳定

使用Vue路由懒加载时报了以下错误:
在这里插入图片描述
经过百度发现,出现该问题的原因是: import 属于异步引用组件,需要特殊的babel-loader处理

解决办法:

  1. 安装babel用来编译import异步引用方法的模块 babel-plugin-syntax-dynamic-import
cnpm install babel-plugin-syntax-dynamic-import -D

Jetbrains全家桶1年46,售后保障稳定

  1. .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"
  ]
}

到此,重新运行即可。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/234488.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 【Flume】batchSize和transactionCapacity区别

    batchSize是针对Source和Sink提出的一个概念,它用来限制source和sink对event批量处理的。即一次性你可以处理batchSize个event,这个一次性就是指在一个事务中。当你处理的event数量超出了batchSize,那么事务就会提交了。注意,这里有一个隐晦的地方,就是batchSize一定不能大于transactionCapacitytransactionC…

    2022年4月15日
    82
  • php 从第几个字符替换,php中几个字符串替换函数详解[通俗易懂]

    php 从第几个字符替换,php中几个字符串替换函数详解[通俗易懂]在php中字符替换函数有几个如有:str_replace、substr_replace、preg_replace、preg_split、str_split等函数,下面我来给大家总结介绍介绍.一、str_replace(find,replace,string,count)作用:str_replace()函数使用一个字符串替换字符串中的另一些字符。参数描述find必需,规定要查找的值.repla…

    2022年5月13日
    56
  • python-获取图片的exif信息

    python-获取图片的exif信息

    2021年9月18日
    99
  • 自监督学习详细介绍(学习笔记)

    自监督学习详细介绍(学习笔记)一、相关文献:fast.ai上面关于自监督学习的资料:Self-supervisedlearningandcomputervision.GitHub上面每年使用自监督学习的论文列表:AwesomeSelf-SupervisedLearning.相关微信推送二、自监督学习的介绍1.自监督学习的由来机器学习中基本的学习方法有:监督学习(supervisedlearning)、…

    2022年9月14日
    3
  • tpshop带微分销_TPshop微分销商城有什么作用[通俗易懂]

    tpshop带微分销_TPshop微分销商城有什么作用[通俗易懂]TPshop微分销商城有什么作用?据你所了解的有多少?一、可以简化商品的购物流程我们都知道的是在实体店进行购买的时候,我们可以直接看到商品,并且能够摸到产品的质量如何,并且在最后,假如并不合适的时候,是可以找商家进行退还的,但是网上购买就有所不同,有的时候还有些复杂,所以微商分销商品也着力于这一点进行考虑。适当的简化了商品的购物流程,让整个购物旅程更加美好。二、通过这一点吸引了浩繁的粉丝进行了最低…

    2022年5月16日
    42
  • Ubuntu更换Linux内核版本

    Ubuntu更换Linux内核版本Ubuntu14 04 5 默认 Linux 内核版本号是 4 4 0 31 这几天为了换一个低版本的内核 在网上查了蛮多帖子 最后虽然有点小问题 切换内核版本不是很方便 但总算是勉强更换成功 试了几个方法不行后 按照 nbsp https blog csdn net xin yu xin article details nbsp 这篇帖子的方法成功更换 博主的步骤基本没问题 我是一步一步对照着进行的

    2025年7月24日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号