使用vue/cli3创建的antdv项目,import() 动态引入不能用,报错如下
./src/router/index.js
Module Error (from ./node_modules/eslint-loader/index.js):
error: Parsing error: Unexpected token import at src/router/index.js:65:46:
63 | path: 'juese',
64 | name: 'juese',
> 65 | component: () => import('../pages/rbac/juese.vue')
我觉得我应该是少包,于是引入了 "babel-plugin-import": "^1.12.0", 然后能用了,然后又不能用了,我严重怀疑能用的是幻觉....
然后我不管怎么摆弄都不能用
当前我的包配置文件
{
"name": "antd_admin",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build --no-clean",
"lint": "vue-cli-service lint --fix"
},
"dependencies": {
"ant-design-vue": "^1.4.10",
"axios": "^0.19.0",
"clipboard": "^2.0.4",
"core-js": "^3.3.2",
"jshashes": "^1.0.7",
"lodash": "^4.17.15",
"spms.socket": "^1.0.0",
"vue": "^2.6.10",
"vue-ls": "^3.2.1",
"vue-router": "^3.1.3",
"vuex": "^3.1.2"
},
"devDependencies": {
"@vue/cli-plugin-babel": "^4.0.0",
"@vue/cli-plugin-eslint": "^4.0.0",
"@vue/cli-service": "^4.0.0",
"babel-eslint": "^10.0.3",
"babel-plugin-import": "^1.12.0",
"eslint": "^5.16.0",
"eslint-config-standard": "^14.1.0",
"eslint-config-vue": "^2.0.2",
"eslint-plugin-html": "^6.0.0",
"eslint-plugin-import": "^2.18.2",
"eslint-plugin-node": "^10.0.0",
"eslint-plugin-promise": "^4.2.1",
"eslint-plugin-standard": "^4.0.1",
"eslint-plugin-vue": "^5.0.0",
"less": "^3.10.3",
"less-loader": "^5.0.0",
"vue-template-compiler": "^2.6.10"
},
"eslintConfig": {
"root": true,
"env": {
"node": true
},
"extends": [
"plugin:vue/essential",
"eslint:recommended"
],
"rules": {},
"parserOptions": {
"parser": "babel-eslint"
}
},
"postcss": {
"plugins": {
"autoprefixer": {}
}
},
"browserslist": [
"> 1%",
"last 2 versions"
]
}
<p>我重现了,我能用的瞬间,就是刚刚yarn完成后的第一次yarn server能用,然后就不能用了,我重启了电脑也是这样,,,,删除node_module 后重新yarn也是只能用一瞬间!</p>
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。