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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Centos7安装nginx教程

    Centos7安装nginx教程安装Nginx并解压:wget-chttps://nginx.org/download/nginx-1.18.0.tar.gztar-zxvfnginx-1.18.0.tar.gz这里复制到usr/local目录下:cp-a./nginx-1.18.0//usr/local/在/usr/local/nginx-1.18.0/目录下使用默认配置:./configure执行编译并安装:makemakeinstall查找进入安装目录:whereisnginx

    2022年5月29日
    56
  • pycharm python interpreter_pycharm interpreter

    pycharm python interpreter_pycharm interpreter1,首先我们肯定要在Pycharm里建立一个新项目,有两个选项,一个建立新的虚拟的环境,一个基于已有的环境这里选择第一项。2,选择第一项之后会有两个解释器,一个虚拟的即location/venv/Scripts/python.exe,另一个需要基解释器即本地解释器/python.exe。关于第一项的解释我极力推荐此篇文章虚拟解释器的简单说明3,然后,如果在创建pycharm项目时项目解…

    2022年8月26日
    2
  • [原创] 仿滴滴出行打车APP定位导航,增加RFID认证、海外版、司机证件号码识别功能

    [原创] 仿滴滴出行打车APP定位导航,增加RFID认证、海外版、司机证件号码识别功能这是我自己做的一个仿滴滴打车的Android出行项目,主要针对滴滴等出行平台一直饱受质疑的“人车不符”问题,以及当前越发火热的或计划和出海战略,给出行项目增加了下面几个功能:1.RFID识别验证功能:在司机证件或者车内识别硬件嵌入RFID识别芯片,乘客使用手机读取到芯片信息,并且通过网络发送到出行平台数据库进行验证(我用JNI加了一个C语言的MD5加密算法对识别到的信息进行了加密)。如果不是合规的“人”或“车”,则不能完成订单并向平台或监管单位汇报当前位置。

    2022年7月24日
    8
  • [译] 一些ES6的小技巧

    [译] 一些ES6的小技巧

    2022年3月13日
    35
  • 堆排序实现及应用

    堆排序实现及应用

    2022年2月6日
    39
  • hdu 3037 Saving Beans(组合数学)

    hdu 3037 Saving Beans(组合数学)

    2021年11月29日
    53

发表回复

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

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