Vue + Vue-router + Element-ui 搭建一个非常简单的dashboard demo

 Vue + Vue-router + Element-ui 搭建一个非常简单的dashboard demo     

转载连接  滑动验证页面

另附带设置路由懒加载代码时出现  Module build failed: SyntaxError: Unexpected token 问题的解决方案

路由懒加载代码 

在启动的过程中,

component: () => import(`@/components/${sub.componentName}`) 这行代码的 import 地方提示  Module build failed: SyntaxError: Unexpected token

通过百度查看,发现是缺少了 babel-plugin-syntax-dynamic-import 插件

通过使用命令 npm install babel-plugin-syntax-dynamic-import --save-dev 来安装插件

这时候问题来了,需要引入插件,网上有的说在 .babelrc 文件中引入

 然后我研究了半天也没看出这段代码应该添加到  .babelrc  文件的什么地方(原谅我这个刚看VUE的菜鸡)。

还有一种说法是 

然后我又蒙逼了,这个js是哪个?找了半天,才发现是 webpack.base.conf.js 这个js。

嗯,找到了,全套复制粘贴然后启动。。。。然后我就又报错了。蒙逼了半个小时后才发现问题,这段代码原来就有,只需要把

options {} 中的代码拷贝就好。就这样,蒙逼了一下午,才把这个问题解决。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值