vue-router按需引入报错方法解决
在vue-router按需引入的时候报错:errorin ./src/router/index.jsSyntax Error: Unexpected token (37:21)35 |name:'Login',36 |path: '/login',> 37 |component: () => import ('../view...
在vue-router按需引入的时候报错:
error in ./src/router/index.js
Syntax Error: Unexpected token (37:21)
35 | name:'Login',
36 | path: '/login',
> 37 | component: () => import ('../views/Login.vue'),
| ^
38 | }
从网上查阅了资料,说使用babel插件syntax-dynamic-import``,才能正确的解析语法:
cnpm install babel-plugin-syntax-dynamic-import --save-dev
但我安装后报:Error: EPERM: operation not permitted, symlink ‘C:\Users\pengzhi\Documents\code\web\simpleblog\node_modules_babel-plugin-syntax-dynamic-import@6.18.0@babel-plugin-syntax-dynamic-import’ -> 'C:\Users\pengzhi\Documents\code\web\simpleblog\node_modules\babel-plugin-syntax-dynamic-import’npminstall version: 3.23.0npminstall args: C:\Program Files\nodejs\node.exe C:\Users\pengzhi\AppData\Roaming\npm\node_modules\cnpm\node_modules\npminstall\bin\install.js --fix-bug-versions --china --userconfig=C:\Users\pengzhi.cnpmrc --disturl=https://npm.taobao.org/mirrors/node --registry=https://r.npm.taobao.org babel-plugin-syntax-dynamic-import --save-dev
英语我也只是初略懂一二,其中一个单词symlink:可能时相同的连接,就在node_modules中找到_babel-plugin-syntax-dynamic-import@6.18.0@babel-plugin-syntax-dynamic-import’的包,全删了;
再到package.json文件中查看是否有babel-plugin-syntax-dynamic-import的引入;
若有,直接
cnpm install
;若无,再次cnpm install babel-plugin-syntax-dynamic-import --save-dev
然后解决了问题!
结果截图:
更多推荐
所有评论(0)