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


相关推荐

  • resnet18模型

    resnet18模型结构ResNet18((conv1):Conv2D(3,64,kernel_size=[3,3],padding=1,data_format=NCHW)(bn1):BatchNorm2D(num_features=64,momentum=0.9,epsilon=1e-05)(relu):ReLU()(avagPool):AdaptiveAvgPool2D(output_size=1)(classifier):Linear(in_features=512

    2022年5月26日
    173
  • Java static关键字详解

    Java static关键字详解static关键字在类中,用static声明的成员变量为静态成员变量,也成为类变量。类变量的生命周期和类相同,在整个应用程序执行期间都有效。这里要强调一下:static修饰的成员变量和方法,从属于类普通变量和方法从属于对象静态方法不能调用非静态成员,编译会报错static关键字的用途一句话描述就是:方便在没有创建对象的情况下进行调用(方法/变量)。显然,被sta…

    2022年7月17日
    16
  • 设计模式学习03—抽象工厂模式

    设计模式学习03—抽象工厂模式

    2021年11月30日
    38
  • fluent用法总结_28个英语语法速记图解

    fluent用法总结_28个英语语法速记图解最近开始转行做大数据,大数据中很重要的一部分是数据的收集,我们公司主要用的数据收集工具是Fluentd,由于Fluentd的配置比较多,有可能配置过一次后就会忘了。我这边在学习Fluentd配置的同时也对这些配置进行一些记录,方便后面再用到时可以快速的查找。Fluentd简介Fluentd是一款完全免费且完全开源的日志收集器,拥有“LogEverything”的体系结构,能够与125种以…

    2025年7月14日
    4
  • 熟练使用STL标准库是每个C++程序员的必备技能!_舞蹈基础教学视频

    熟练使用STL标准库是每个C++程序员的必备技能!_舞蹈基础教学视频STL最全教程,适合新老手呀

    2022年10月15日
    4
  • 图片变透明之opacity属性

    图片变透明之opacity属性CSS3图像透明度开发工具与关键技术:DW-opacity属性作者:徐晶旗撰写时间:2019年1月18日利用opacity属性来改变图片的透明度,opacity属性能够设置的值从0.0到1.0。值越小,图片越透明。下面这几张图片是执行代码得出的效果,第一张图片没有给它设置opacity值,所以它呈现的是原图,没有透明的效果,后面几张图设置的opacity值越来越小,可…

    2022年5月26日
    27

发表回复

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

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