老师不是很理解,为什么报错

老师不是很理解,为什么报错

老师不是很理解,按照Eslint命名的组件为什么报错

https://img1.sycdn.imooc.com/climg/66a28db5098354f707240790.jpg

https://img1.sycdn.imooc.com/climg/66a28d5c09fe8a7311940830.jpg


https://img1.sycdn.imooc.com/climg/66a28d7709b8defb12570774.jpg

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,这是因为你这样命名属于是多单词命名,大概率是触发率eslint的规则 --> 组件首字母没有大写,尝试将myHome改为MyHome如下两处都要改。

https://img1.sycdn.imooc.com/climg/66a2fb1d0983eebd08820255.jpg

如果说是单字母的话,那么文件名与组件名一样首字母大写即可如Home这样就行。

另外不同的eslint版本号的规则也不同,如要使用那么同学需要跟老师使用同样版本的eslint,也可以直接下载项目代码。建议在学习的过程中可以先关掉eslint。

祝学习愉快!

  • 浪键神码 提问者 #1

    老师你说的方法昨晚我就试了不行的。

    https://img1.sycdn.imooc.com/climg/66a2ff1109facaab09590366.jpg

    https://img1.sycdn.imooc.com/climg/66a2ff6f09fd129317410765.jpg

    2024-07-26 09:44:17
  • 好帮手慕小李 回复 提问者 浪键神码 #2

    关于你给出的报错:

    https://img1.sycdn.imooc.com/climg/66a342fb09d7d83606280134.jpg

    这些问题是指多余的分号,和字符串儿的规则是单个还是双的问题。

    https://img1.sycdn.imooc.com/climg/66a3431f09226b0906390114.jpg

    这个报错大概率就是规则的问题,要是真的想要弄明白就去看看

    vue/multi-word-component-names规则。

    另我认为不需要那么纠结他为什么会报错。如下:

    1、不同的eslint版本号的规则也不同,比如说vue3.0.0版本对应的eslint版本当时是6.7.2版本,如同学不是使用资料里的代码,我们自己按照流程安装的话,vue的版本都已经迭代过好几拨了,eslint版本也已经迭代了很次了,但这里需要注意的是,eslint中的vue/cli-plugin-eslint在7.20以上版本才用的vue/multi-word-component-names规则(所以这里可以看得出是同学自行安装的)。老师使用的vue/cli-plugin-eslint 是 4.5.0所以建议同学直接用资料里的代码进行学习即可。

    2、(更建议)关掉eslint继续往后学。

    2024-07-26 09:45:41
  • 好帮手慕小李 回复 提问者 浪键神码 #3

    你把你package,json文件全都截图给我看一眼。

    2024-07-26 10:09:32
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师