01.报错代码

C:\Users\wally\Desktop\vscode\vue\seal\seal_web\src\views\com\index.vue 1:1 error Component name "index" should always be multi-word vue/multi-word-component-names

02.问题原因

新手在组件命名的时候不够规范，根据官方风格指南，除了根组件（App.vue）外，自定义组件名称应该由多单词组成，防止和html标签冲突。
而最新的vue-cli创建的项目使用了最新的vue/cli-plugin-eslint插件，在vue/cli-plugin-eslint v7.20.0版本之后就引用了vue/multi-word-component-names规则，所以在编译的时候判定此次错误。

03.解决方案

NO.01

改名字 修改组件名为多个单词，使用大驼峰命名方式或者用“-”连接单词。但是有时候因为个别原因不能改名，此方案不好使，看下面两个方案。

NO.02

关闭校验 在根目录下找到vue.config.js文件（如果没有则新建一个），添加下面的代码

lintOnSave: false
//关闭eslint校验

NO.03

关闭命名规则校验

在根目录找到node_modules>eslint>bin>eslint.js 将下面的代码复制粘贴进去即可

  overrides: [
    {
      files: ['src/views/**/*.vue'],
      rules: {
        'vue/multi-word-component-names': 0,
      },
    },
  ]
}

“Component name “Error“ should always be multi-word“解决办法