「prop」には値が割り当てられていますが、使用されていません no-unused-vars vue3

Question

私は私の vue コンポーネント ファイルで使用します。

<テンプレート>
    <ルーターリンク:to="{名前:ルーター名}" type="is-primary"
        class="inline-flex justify-center py-2 px-3 mb-3 border border-transparentshadow-sm text-sm font-mediumrounded-md text-white bg-red-600 hover:bg-red-700フォーカス:アウトライン-なし フォーカス:リング-2 フォーカス:リング-オフセット-2 フォーカス:リング-インディゴ-500''>
        <svg xmlns="http://www.w3.org/2000/svg"クラス= "h-5 w-5" fill="なし" viewBox="0 0 24 24"ストローク="現在の色">
            <パスストローク-linecap="round"ストロークラインジョイン=「ラウンド」ストローク幅 = "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;キャンセル
    </ルーターリンク>
</テンプレート>

＜スクリプト設定＞
const props =defineProps({
    ルーター名: {
        タイプ: 文字列、
        必須: true
    }
})
</script>

ただし、eslint の误を返します'props' は提供されていますが、no-unused-vars

は使用されていません。

我已经在我的 package.json 上追加如下规则：

"拡張": [
      "プラグイン:vue/vue3-essential"、
      "eslint: 推奨"
    ]、
    "parserOptions": {
      "パーサー": "@babel/eslint-parser"
    }、
    「ルール」: {
            "vue/script-setup-uses-vars": "エラー",
      "vue/multi-word-component-names": "オフ"
    }

しかし、これは危険な話です。私たちの公開依存：

"devDependency": {
    "@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"
  },

Answer 1

(エラーにあるように) props を使用していないため、エラーが発生します。 const props = を削除するか、package.json のルールに "no-unused-vars": "warn" を追加する (推奨) ことができます。