如何解決“錯誤'Vote'已定義但從未使用（no-unused-vars）”的問題？

Question

你能幫我嗎？。當我要導入文件投票時出現錯誤。並且看起來像“投票”的錯誤已定義但從未使用過（no-unused-vars）。我試圖重命名投票文件，他的結果是零。

Home.vue
import Vote from "@/components/Vote.vue";
export default {
name: "Home",
components: { Vote }
};

Vote.vue
<script> // @ is an alias to /src //import HelloWorld from "@/components/HelloWorld.vue";
export default {
name: "Vote",
components: {},
data: function(){
return{ emoticons : ['calon-1','calon-2','calon-3','calon-4'] }

  }
};

Answer 1

聽起來像一個棉絨通知。 https://eslint.org/docs/rules/no-unused-vars 。

要解決這個問題，您應該在Home.vue HTML 中的某處使用<Vote/>組件。

我很確定您的 linting 規則希望在 HTML 中使用組件進行組件注冊。 這意味着簡單的導入不會解決這個問題，因為導入不是“使用”。 你使用 Vue-CLI 嗎？ 如果是，您使用哪個 lint 規則集？ 您可以在 Webpack 配置中禁用不需要的規則。

為了找到您的webpack.config.js ，我們需要知道您在設置 CLI 過程中進行了哪些設置。

檢查您的： package.json文件在您的根目錄中，除了 npm 依賴項之外，是否有類似esLint的東西？

如果沒有，那么您可以在根目錄中創建一個名為.eslintrc.js的新文件，然后在其中粘貼：

module.exports = {
  root: true,
  rules: {
    "no-unused-vars": "off"
  },
};

這將解決您的問題，但恕我直言，您不應該禁用此類規則，它們可以幫助您清理代碼

Answer 2

Vote是一個變量（或類）。 您在此處將其定義為字符串。 請更換

name: "Vote"

至

name: Vote