解决:使用 Vue 3 Script Setup 时 ESLint 报错 ‘defineProps‘ is not defined

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决:使用 Vue 3 Script Setup 时 ESLint 报错 ‘defineProps‘ is not defined相关的知识,希望对你有一定的参考价值。

参考技术A Vue 3 的 Script Setup 语法引入了 defineProps、defineEmits、defineExpose、withDefaults 的编译器宏。然而某些情况下,ESLint 会报错以上编译器宏函数未定义。

本文将介绍两种解决方案来解决这个问题(假定你的项目使用 Vue-Cli 进行初始化)。

若版本在 v8.0.0 以上,跳转到 Step 2,否则直接到 Step 3 的内容。

打开 .eslintrc.js 文件并修改如下:

打开 .eslintrc.js 文件并修改如下:

以上是关于解决:使用 Vue 3 Script Setup 时 ESLint 报错 ‘defineProps‘ is not defined的主要内容,如果未能解决你的问题,请参考以下文章

Vue3 项目中使用setup()函数报错,script setup cannot contain ES module exports

基于 Vue 3 script-setup 语法糖的俄罗斯方块项目实践

Vue 3.2 <script setup> 标签和 TypeScript 类型的问题

Vue 3.2 发布, <script setup> + TS + Volar = 真香

Vue 3.2 发布, <script setup> + TS + Volar = 真香

Vue 3.2 发布, <script setup> + TS + Volar = 真香