Component name “School“ should always be multi-word
Component name "School" should always be multi-word的报错解决方法:
multi-word-component-names 意为多单词组件名
也就是命名的组件名不能只有一个单词(App除外),并且多单词间要遵顼驼峰命名规则(推荐),或者使用短横杠-连接
所以可以将组件名School改为SchoolName,但我们通常会遇到组件名不能修改的情况,所以还有另一种解决方式:
把.eslintrc.js换为下面这个代码:(如果没有.eslintrc.js就在根目录下创建一个)
module.exports = {
root: true,
env: {
node: true
},
extends: [
'plugin:vue/essential'
// '@vue/standard'
],
parserOptions: {
parser: 'babel-eslint'
},
rules: {
'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
'space-before-function-paren': 0,
'eqeqeq': false,
'vue/valid-template-root': false,
'spaced-comment': false,
'quotes': false,
'eol-last': false,
'key-spacing': false,
'vue/valid-v-for':false,
'vue/no-unused-vars':false,
'vue/no-parsing-error':false
}
}
这样就可以顺利解决啦🙂