首页IT科技vue脚手架安装报错(vue脚手架报错:“Component name “***“ should always be multi-word”解决方法)

vue脚手架安装报错(vue脚手架报错:“Component name “***“ should always be multi-word”解决方法)

时间2025-08-04 07:05:21分类IT科技浏览5031
导读:出现的问题 在我们写完脚手架运行 npm run serve 后控制台报错...

出现的问题

在我们写完脚手架运行 npm run serve 后控制台报错

 页面报错

 报错的原因

 在为自定义组件命名的时候未按照官方代码规范进行命名              ,根据 ESLint 官方代码风格指南                    ,除了根组件(App.vue)以外       ,其他自定义组件命名都要使用大驼峰命名方式或者用“-              ”连接单词进行命名;

这里的报错不影响页面的编译       ,只是告诉你命名规范不对                    ,当我们关闭提示发现             ,写的代码依旧有效

但是控制台一直报错很影响程序员       ,所以我们也可以选择一些方法避开报错

解决方法

1.重新对组件进行命名

根据报错原因可以知道                     ,是因为我们的组件名称(Count)不规范             ,那么我们可以规范把我们的组件名,即把(Count)组件名改为大驼峰命名方式或者用“-                    ”连接单词进行命名

这里我们改为了(MyCount)

重新npm run serve后发现                     ,控制台不再报错了

2.关闭语法检查

 第二种方法是重源头解决了                    ,因为如命名规范错误大概率不会影响我们练习时的代码,所以可以选择关闭语法检查来解决              。

步骤

创建脚手架后找到vue.config.js文件

 在里面加入这行代码:lintOnSave:false  //关闭语法检查

重新运行npm run serve              ,发现还是(Count)组件                    ,但不再报错了                    。

 ps:如果没有vue.config.js文件可以自己创建一个

 写文章的经验较少       ,讲的不清楚欢迎大家评论区提问

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
看新闻赚钱是真的吗,这个钱是谁出的(通过看新闻赚钱的软件是什么意思-普通人如何通过自媒体赚钱,中视频伙伴计划入门须知,你了解吗) vim编辑器中查找和替换命令([转]Vi/Vim查找替换使用方法 HelloSUN 博客园)