使用Vue添加组件的报错

报错“Component name "Home" should always be multi-word.”

在根目录创建.eslintrc.js文件

module.exports = {

  root: true,

  env: {

    node: true,

  },

  extends: ["plugin:vue/essential", "eslint:recommended"],

  parserOptions: {

    parser: "@babel/eslint-parser",

  },

  rules: {

    "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",

    "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off", //在rules中添加自定义规则 //关闭组件命名规则

    "vue/multi-word-component-names": "off",

    "vue/no-multiple-template-root": "off"

  },

  overrides: [

    {

      files: [

        "**/__tests__/*.{j,t}s?(x)",

        "**/tests/unit/**/*.spec.{j,t}s?(x)",

      ],

      env: {

        jest: true,

      },

    },

  ],

};

2.创建interface报错(之前有个import type也报错，但是这样之后就好了，可能和这个也有关系)

Parsing error: The keyword 'interface' is reserved

后来发现以下方法可以解决问题：添加 .eslintrc.js文件

'parser': '@typescript-eslint/parser'，

记得需要安装依赖npm install @typescript-eslint/parser --save-dev。

3.v-modal报错

'v-model' directives require no argument  vue/no-v-model-argument

在 .eslintrc.js文件添加

rules: {

        "vue/no-v-model-argument":  "off"

}   

需要手动重启服务器

4.'xxxx' is defined but never used

.eslintrc.js中找到  eslintConfig  块，在其rules下加入"no-unused-vars": "off"即可

需要手动重启服务器

5.Ref＜boolean＞无法赋值给 ＜boolean＞类型

const res = ref(true)
// 赋值的时候需要用 res.value
const temp:boolean = res.value