<p>我在我的 vue 组件文件上使用。我的组件代码：</p> <pre class="brush:php;toolbar:false;"><template> <router-link :to="{ name: routerName }" type="is-primary" class="inline-flex justify-center py-2 px-3 mb-3 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-red-600 hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"> <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z" /> </svg>&nbsp;Cancel </router-link> </template> <script setup> const props = defineProps({ routerName: { type: String, required: true } }) </script></pre> <p>但其返回eslint错误<code>'props'被赋值但从未使用过 no-unused-vars</code></p> <p>我已经在我的 package.json 上添加了如下规则：</p> <pre class="brush:php;toolbar:false;">"extends": [ "plugin:vue/vue3-essential", "eslint:recommended" ], "parserOptions": { "parser": "@babel/eslint-parser" }, "rules": { "vue/script-setup-uses-vars": "error", "vue/multi-word-component-names": "off" }</pre> <p>仍然错误。我的开发依赖：</p> <pre class="brush:php;toolbar:false;">"devDependencies": { "@babel/core": "^7.12.16", "@babel/eslint-parser": "^7.12.16", "@vue/cli-plugin-babel": "~5.0.0", "@vue/cli-plugin-eslint": "~5.0.0", "@vue/cli-service": "~5.0.0", "eslint": "^7.32.0", "eslint-plugin-vue": "^8.0.3" },</pre></p>