编译项目时Vue脚手架报错 Component name “Student“ should always be multi-word vue/multi-word-component-names

错误信息如下:

报错分析:
根据提示信息可知是组件名出了问题,报错信息翻译过来大概就是组件名"Student"应该总是使用 多个单词拼接横线组成的。

但是组件名也是可以使用单个单词的,只是官方文档上面的风格建议我们使用大驼峰或使用“-”衔接的方式而已。

通过后续学习了解到,这其实是语法检查的时候把不规范的代码(即命名不规范)当成了错误。

修改方案:

  • 修改组件名,使其符合命名规范。例如:StudentName或者student-name。
  • 修改配置项,关闭语法检查:

(1)在项目的根目录找到(没有就自行创建)vue.config.js文件

 (2)写入以下代码。

主要是 lintOnSave:false 这句代码,用来关闭语法检查 

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave:false, //  关闭语法检查 
})

 (3)随后保存文件重新执行 npm run serve 编译即可。

  • 6
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值