Vue项目运行报错： Component name “xxx“ should always be multi-word vue/multi-word-component-names

最新推荐文章于 2024-05-14 13:16:10 发布
最新推荐文章于 2024-05-14 13:16:10 发布
阅读量7.3k 收藏 9
点赞数 4
文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_74152912/article/details/130592384
版权

报错原因：是因为组件名没有写成驼峰式结构或 pascal中划线连接形式,本质原因是eslint做了严格的代码规范

 

解决方法1：

修改组件名，使其符合命名规范。例如：StudentName或者student-name

解决方法2：

修改配置项，关闭语法检查

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

 2.在文件中添加如下代码

lintOnSave:false /*关闭语法检查*/

3. npm run serve 重新启动，如果还不行就重启vscode 

菜鸟程序员 饭饭
关注
  • 4
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
vue-flatpickr-component：Flatpickr日期时间选择器的Vue.js组件
02-06
Vue FlatPickr组件 Vue.js组件，用于日期时间选择器。或版本矩阵Vue.js版本套餐版本科2.x 8.x ...true ，组件将负责所有操作与验证库一起使用安装# yarnyarn add vue-flatpickr-component# npmnpm install vue-flatpick
vue-multi-page:使用@ vuecli＃3.x配置多页项目环境
05-02
首先 使用vue脚手架开发多页应用是比较特别的需求，无奈有需求就要有解决的方案办法，之前写过用vue-cli2.x改造生产多页应用的方法，现在想想应该升级换代了。 本想自己配置一个多页的开发配置给大家参考使用，看完...
error Component name “About“ should always be multi-word vue/multi-word-component-names
qq_58519519的博客
02-28 3562
报错： 解决方案一: 可以重新命名，采用驼峰命名法 或 - 衔接的方式 解决方案二: 在项目的根目录找到(没有就创建) vue.config.js 这个文件 加入这几行代码 保存重新编译
Vue脚手架报错 Component name “Student“ should always be multi-word vue/multi-word-component-names
桑桑和阿战
04-21 1万+
Vue脚手架报错 Component name "Student" should always be multi-word vue/multi-word-component-names
error Component name “Child4“ should always be multi-word
最新发布
码海扬帆：前端探索之旅的博客
05-14 433
这是因为单单一个单词可能与HTML的内建标签或者其他组件的名称产生冲突，从而导致意外的行为。不过这不是推荐的做法，因为它可能会导致项目中出现更多的命名冲突。如果你不想改变组件的名称，可以在ESLint的配置文件（例如。这个错误是来自于ESLint的规则，它强制要求组件的名称。将组件的名称改为多单词组合，例如，将。或其他任何不会与现有单词冲突的组合。
报错Component name “xxx“ should always be multi-word vue/multi-word-component-names
Int321的博客
04-17 1万+
VUE3报错Component name “Header” should always be multi-word vue/multi-word-component-names 是因为开启了语法检查，写成驼峰就可以，如果不写成驼峰，则要在vue.config.js中加入下列语句： lintOnSave:false//关闭语法检查 const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ tr
vue脚手架报错：“Component name “***“ should always be multi-word”解决方法
热门推荐
Cuichenyang158的博客
11-01 2万+
“Component name “***“ should always be multi-word”解决方法
Vue报错：Component name “School“ should always be multi-word vue/multi-word-component
DCJwwh的博客
01-17 8758
今天搭建脚手架，系统报了将近6，7个错误，弄得我头疼。更可气的是，犯的这些全是低级错误！为了未来不再踩坑，写此文记录之。
vue路由报错：Component name “index“ should always be multi-word vue/multi-word-component-names
u012029030的博客
03-19 905
vue Component name "index" should always be multi-word vue/multi-word-component-names
vue-router 按需加载 component: () = import() 报错的解决
01-18
vue的单页面（SPA）项目,...但现在vue-router的官网看看，推荐这种方式： //vue异步组件和webpack的【代码分块点】功能结合，实现了按需加载 const App = () => import(‘../component/Login.vue’); 可是，很多情
vue-component-devtool:Vue 组件开发模板
05-14
vue-component-devtool通过 初始化；采用 来加载文档。基于 webpack 的 Vue 组件开发工具。可以编写例子，文档。usegit clone https://github.com/mengdu/vue-component-devtool my-component安装依赖yarn# ornpm ...
generator-vue-component-developer:vue组件开发模板
05-13
Vue组件开发项目样板 > A component develop project boilerplate to enable your quick develop your component or directive and publish to npm 项目结构 |-- demo # demo project |-- App.vue # demo ...
vue eslint报错Component name should always be multi-word.(vue/multi-word-component-names)
o0way0o的博客
11-17 1976
vue eslint报错vue/multi-word-component-names
Component name “index“ should always be multi-word vue/multi-word-component-names
Cool_so_cool的博客
05-19 549
之前正常来说在路由文件中引入路由文件直接引入到某个文件夹下方就会直接寻找到下方的 index.vue,文件夹了，但是现在不行了，看下面报错翻译过来是。
Vue项目报错: Component name “xxx“ should always be multi-word vue/multi-word-component-names
weixin_51281096的博客
12-20 988
Vue项目报错: Component name “xxx“ should always be multi-word vue/multi-word-component-names
Vue报错error Component name “xxx“ should always be multi-word vue/multi-word-comp
Bill_lalala的博客
11-15 596
这是vue的语法检查报错，可能是你命名的文件没有使用vue所规定的格式，解决办法可以是使用对的命名格式比如，AxxxBxxx这种。还可以在config.js文件里加 lintOnSave:false来关闭eslint校验。
error Component name “xxx“ should always be multi-word vue/multi-word-comp
天马3798
03-01 1万+
一、Vue 3编译报错 error Component name "Login" should always be multi-word vue/multi-word-comp error Component name "Login" should always be multi-word vue/multi-word-comp 分析：语法检查的时候把不规范的代码(即命名不规范)当成了错误 解决方案: 更改组件名(这个比较麻烦),也就是重新起个组件名,使其符合命名规范,如: Stu.
Vue执行npm run serve 的时候报Component name “Student“ should always be multi-word
CN_timed的博客
05-30 506
执行npm run serve 的时候报Component name “Student” should always be multi-word 原因是vue的语法检查认为你的命名可能有两个单词组成但是命名不规范，解决方法： 1.按照vue推荐的命名规则来，双驼峰或者以横杠连接 2.修改vue.config中的内容，加上一条配置： lintOnSave:false /关闭语法检查/ 参考：https://blog.csdn.net/qq_51612558/article/details/124329234
Component name “School“ should always be multi-word
a45667的博客
10-11 3095
也就是命名的组件名不能只有一个单词(App除外)，并且多单词间要遵顼驼峰命名规则(推荐)，或者使用短横杠-连接。把.eslintrc.js换为下面这个代码：（如果没有.eslintrc.js就在根目录下创建一个）multi-word-component-names 意为多单词组件名。这样就可以顺利解决啦🙂。
Eslint检验项目报错 Component name xxx should always be multi-word vue/multi-word-component-names解决参考
09-21
Eslint报错"Component name xxx should always be multi-word vue/multi-word-...这样就可以解决Eslint检验项目报错"Component name xxx should always be multi-word vue/multi-word-component-names"的问题。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值