控制台報錯'Component' is defined but never used，是因為eslint的原因，你定義了該組件但是沒有使用過。
以下demo組件名用Form做演示
解決方案一
命令行報錯如下:
翻譯:已定義“Form”，但未使用已定義變量
解決方式如下:
解決方案二
命令行末尾提示如下:
翻譯: 若要忽略，請在前面的行中添加 //eslint disable next line
解決方式如下:
解決方案三
找到 .eslintrc.js 文件, 在rules對象中添加 'no-unused-vars': 'off' 關閉提示
這是一個掩耳盜鈴的解決辦法
總結:
頁面引用了你定義的組件, 但是實際頁面內容並沒有使用到的時候, eslint就會發出警告.
tips:
-
這是eslint警告, 無論是 React 還是 Vue 都是通用的解決辦法!
-
如果你使用的是ide內的命令控制台,修改后命令行的警告還存在, 但是瀏覽器的控制台警告已經沒了, 那重啟ide即可.