Vue报错：component has been registered but not used

男娘i 2021-09-25 04:42 427阅读 0赞

原因：

eslint代码检查到你注册了组件但没有使用，然后就报错了。比如代码：

比如Vue中注册了File组件，而实际上却没有使用到：

  1. ...
  2.   import File from "../../components/file";
  3.   export default { 
  4.     components: { Pagination, File},
  5. ...

此时你可以取消注册即可，当然，有些时候我们并不想要取消，不更改代码，可以有两种解决办法：

方法一：

修改项目的package.json
在package.json中找到eslintConfig下的rules，增加"vue/no-unused-components": "off"即可：

  1. "eslintConfig": { 
  2.   "rules": { 
  3.     "vue/no-unused-components": "off"
  4.   }
  5. }

方法二：

如果项目中有eslintrc.js文件，也是一样添加上即可：

  1. rules: { 
  2.   "vue/no-unused-components": "off"
  3. }

这两种使用其中任意一种都可以，修改好后重新启动一下项目，注意：如果两个文件都修改了的话，eslintrc.js文件的优先级更高。

PS：如果不生效，可以多试一次。

发表评论

表情：
评论列表 （有 0 条评论，427人围观）

还没有评论，来说两句吧...

相关阅读