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

本文讲述了初学者在使用Vue脚手架时遇到的关于组件名命名规则的报错,分析了原因,提供了两种解决方案:一是关闭脚手架的语法检查,二是按照Vue推荐的驼峰式或横杠分隔命名。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

报错信息:

初学Vue脚手架,运行代码,报错以下信息:

原因分析:

报错大概说的是组件名Student应该是一个多单词构成,也就是说要么写驼峰式,要么写两个单词中间加个横杠

写成一个单词首字母大写其实也是可以的,只是Vue建议我们写成驼峰式的,Vue将代码语法的不规范书写当成了错误对待,我们可以用下面两个方案进行解决

解决方案:

方案一

在通过脚手架创建文件夹中找到vue.config.js文件,在里面加上  lintOnSave:false 关闭语法检查

如果没有这个文件的话就创建一个然后将代码写入

方案二

也就是遵循报错信息说的代码规范来进行命名

例如将Student写成MyStudent或者my-student

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值