ESLint 在使用时抱怨使用的 props 值答案

【问题标题】：ES-Lint complains on used props values, when it's in useESLint 在使用时抱怨使用的 props 值
【发布时间】：2022-10-24 19:14:13
【问题描述】：

鉴于以下 Vue3 sfc 代码：

<template>
    <div>{{msg}}</div>
</template>

<script setup>
    const props = defineProps({
        msg: {
            type: String,
            default: 'Hello world'
        }
    })
</script>

ES-Lint 抱怨 props is assigned a value but never used.我们还知道传递给 defineProps 的选项（在本例中为“msg”）将从设置中提升到模块范围内，因此语法是正确的。我不想禁用no-unused-vars ES-lint 规则，也不想通过使用 ES-lint 忽略注释来解除它，那么我该如何解决这个问题？

【问题讨论】：

标签： vuejs3 eslint

【解决方案1】：

看起来这个错误是由于我的开发环境和 ESLint 当前的解析能力不兼容造成的。

为了解决这个问题（加上其他一些发生的 eslint 错误），我在项目中添加了以下包： yarn add -D babel-eslint

然后添加这个Parsing 选项直到我的.eslingrc.js 文件： parser: 'babel-eslint'

【讨论】：