解决:使用 Vue 3 Script Setup 时 ESLint 报错 ‘defineProps’ is not defined
Vue 3 的 Script Setup 语法引入了 defineProps
、defineEmits
、defineExpose
、withDefaults
的编译器宏。然而某些情况下,ESLint 会报错以上编译器宏函数未定义。
本文将介绍两种解决方案来解决这个问题(假定你的项目使用 Vue-Cli 进行初始化)。
Step 1. 检查 eslint-plugin-vue
的版本
npm list eslint-plugin-vue
若版本在 v8.0.0 以上,跳转到 Step 2,否则直接到 Step 3 的内容。
Step 2. 版本为 v8.0.0+
打开 .eslintrc.js
文件并修改如下:
env: {
node: true,
// The Follow config only works with eslint-plugin-vue v8.0.0+
"vue/setup-compiler-macros": true,
},