vue註冊了組件未使用報錯:component has been registered but not used

在使用vue編寫項目時,有時候修改了代碼導致vue中註冊的組件並沒有在html中使用,這時候編譯器會報錯:*** component has been registered but not used
在這裏插入圖片描述
報這個錯誤是因爲eslint代碼檢查到你註冊了組件但沒有使用,然後就報錯了,我們只需要將註冊了卻未使用的組件取消註冊即可。但是我們有時候我們不想取消註冊,希望也能編譯通過,該怎麼處理呢?

有兩種方式:

  1. 修改項目的package.json
    在package.json中找到eslintConfig下的rules,增加"vue/no-unused-components": "off"即可:
"eslintConfig": {
  "rules": {
    "vue/no-unused-components": "off"
  }
}
  1. 如果項目中有eslintrc.js文件,在該js模塊中找到rules,增加上"vue/no-unused-components": "off"
rules: {
  'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
  'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
  "vue/no-unused-components": "off"
}

這兩種使用其中任意一種都可以,如果兩個文件都修改了的話,eslintrc.js文件的優先級較高。

發佈了70 篇原創文章 · 獲贊 15 · 訪問量 2萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章