在使用vue編寫項目時,有時候修改了代碼導致vue中註冊的組件並沒有在html中使用,這時候編譯器會報錯:*** component has been registered but not used
報這個錯誤是因爲eslint代碼檢查到你註冊了組件但沒有使用,然後就報錯了,我們只需要將註冊了卻未使用的組件取消註冊即可。但是我們有時候我們不想取消註冊,希望也能編譯通過,該怎麼處理呢?
有兩種方式:
- 修改項目的package.json
在package.json中找到eslintConfig
下的rules
,增加"vue/no-unused-components": "off"
即可:
"eslintConfig": {
"rules": {
"vue/no-unused-components": "off"
}
}
- 如果項目中有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文件的優先級較高。