项目初始化后运行,默认的是vue版本是"^3.0.0",“@vue/compiler-sfc”: “3.0.0",“eslint-plugin-vue”:"7.0.0”,
出现如下的报错,最新版的vue3是不用引入defineProps即可使用的,所以需要进行对应的升级
解决方法:
升级vue到3.2.x
cnpm i vue
cnpm i @vue/compiler-sf -D
重启之后依然报错,这次就是eslint的问题了
yarn upgrade eslint-plugin-vue@8.4.0 -D
{
"name": "vue3_app",
"version": "0.1.0",
"private": true,
"scripts": {
"dev": "npm run serve",
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
"dependencies": {
"core-js": "^3.6.5",
"vue": "^3.2.41"
},
"devDependencies": {
"@vue/cli-plugin-babel": "~4.5.19",
"@vue/cli-plugin-eslint": "~4.5.19",
"@vue/cli-service": "~4.5.19",
"@vue/compiler-sfc": "^3.2.41",
"axios": "^1.1.3",
"axios-mock-adapter": "^1.21.2",
"babel-eslint": "^10.1.0",
"eslint": "^6.7.2",
"eslint-plugin-vue": "8.4.0"
},
"eslintConfig": {
"root": true,
"env": {
"node": true,
"vue/setup-compiler-macros": true
},
"extends": [
"plugin:vue/vue3-essential",
"eslint:recommended"
],
"parserOptions": {
"parser": "babel-eslint"
},
"rules": {}
},
"browserslist": [
"> 1%",
"last 2 versions",
"not dead"
]
}
重启之后然后就能正常运行了!