Component name XXX should always be multi-word

一、出现报错

最近做一些小demo的时候出现一个错误
Component name XXX should always be multi-word_第1张图片
Component name “index” should always be multi-word

二、了解问题

给组件命名时没有使用驼峰命名法或横线拼接单词,编译的时候一直报错,实际上是语法检测的问

题,语法检查时将不规范的代码当成了错误。

注意:语法检查时要求组件名不能是单个单词,因此单个单词如 School 也会报错。

三、解决

在网上查了一查,很多的推荐就是在vue.config.js的文件下去关闭语法检查

module.exports = {
  lintOnSave: false, //关闭eslint检查
}

发现还是解决不了,后来才了解到需要把文件改成用 “-” 连接的名字命名才行,可能是平时用单个单

词命名久了,还是应该养成良好的命名习惯。


你可能感兴趣的:(vue.js)