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 {} 中的代码拷贝就好。就这样,蒙逼了一下午,才把这个问题解决。