V3报错 ESlint Component name “组件名“ should always be multi-word vue/multi-word-component-names

最新推荐文章于 2024-01-29 16:08:47 发布
最新推荐文章于 2024-01-29 16:08:47 发布
阅读量593 收藏 1
点赞数
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_60234005/article/details/126179939
版权

告诉我们要采用驼峰命名

两种解决办法

一、ESlint的锅 去根目录的vue.config.js里加一行代码关闭ESlint就行了

module.exports = defineConfig({
  transpileDependencies: true,//放在他下面
  //关闭eslint检测
  lintOnSave: false,

一种是驼峰式命名 比如loginView  就不赘述了

老王呼呼大睡
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue eslint 报错：Component name “xxxxx“ should always be multi-word.eslintvue/multi-word-component-name
weixin_44566194的博客
12-03 1592
vue-cli全新创建项目，并建立组件时提示报错，VSCode会标红提示，如图： npm run serve / yarn serve也会报错：Ctrl+Shift+M 问题面板出现 新手在组件命名的时候不够规范，根据官方风格指南，除了根组件（App.vue）外，自定义组件名称应该由多单词组成，防止和html标签冲突。而最新的vue-cli创建的项目使用了最新的vue/cli-plugin-eslint插件，在vue/cli-plugin-eslint v7.20.0版本之后就引用了vue/multi-w
在 vue eslint 报错 error “Component name “*****“ should always be multi-word”，该怎么办？
热门推荐
酷爱前端的小陈博客
05-09 11万+
出现的问题： 在 vue-cli 创建的项目中，创建文件并命名后，会报“Component name "*****" should always be multi-word”报错； 报错截图如下： Component name "******" should always be multi-word.eslintvue/multi-word-component-names 报错的原因： 在组件命名的时候不够规范，根据 ESLint 官方风格指南，除了根组件（A..........
vue-flatpickr-component：Flatpickr日期时间选择器的Vue.js组件
02-06
Vue FlatPickr组件 Vue.js组件，用于日期时间选择器。 或 版本矩阵 Vue.js版本 套餐版本 科 2.x 8.x 3.x 9.x 主 产品特点 React性v-model值您可以通过编程方式更改Flatpickr值 React性选项 您可以动态更改配置选项 组件将监视任何更改并重新绘制自身 可以发出所有可能的 与或任何其他CSS框架兼容 支持模式只需在配置中设置wrap:true ，组件将负责所有操作 与验证库一起使用 安装 # yarn yarn add vue-flatpickr-component # npm npm install vue-flatpick
Questionnaire
05-15
要求 Mysql Server 5.5或更高版本的JDK 1.6或更高版本的Glassfish 3.1 建造 安装所有最低要求软件。 MySQL的 运行script.sql来加载表和SCHEMA或dump_test.sql（带有测试数据），两者都在项目的根目录下。 *可选测试：为SCHEMA调查表创建用户，并具有选择，更新，删除权限等。 玻璃鱼 将glassfiss添加到IDE中，以防Eclipse，必须添加Glassfish工具。 下载mysql-connector-java并添加到../ glassfish3 / glassfish / lib / 开始玻璃鱼 在浏览器中，转到并输入Resource> JDBC> JDBC Connections Pools并单击NEW，在POOL名称中输入您的连接偏好设置的名称，资源类型：java.sql.driver，数据库驱动程序供应商：my
vue3报错 Component name “Footer“ should always be multi-word
最新发布
____
01-29 838
报错内容。 Component name "Main" should always be multi-word
Component name “xxx“ should always be multi-word. vue3项目eslint报错
A_Brave的博客
11-27 2037
Component name "xxx" should always be multi-word. vue3项目eslint报错
vue项目报错：Component name “xxx“ should always be multi-word vue/multi-word-component-names
Yyyyy_0_0的博客
03-19 2274
vue项目报错和解决方案
error Component name “index“ should always be multi-word vue/multi-word-component-names 的解决办法
狮子座的男孩
08-21 1万+
新手在使用脚手架时总会报各种错，报错信息指的是我们组件名有些问题，官方文档建议组件名写成驼峰式或者-衔接的形式，故在编译的时候把命名不规范的代码判定为不规格；翻译为：错误组件名称“索引”应始终为多词 vue/多词组件名称。在创建组件命名时，引用 index.vue。
Vue报错 Component name “XXX“ should always be multi-word
m0_64520392的博客
03-10 1499
Vue报错 Component name "XXX" should always be multi-word
Eslint检验项目报错 Component name xxx should always be multi-word vue/multi-word-component-names解决参考
august_shi的专栏
03-31 5195
eslint新版本增加了对组件名称的校验，为了规避此类校验报错，我这边采取了以下方式规避。编辑.eslntrc.js。
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 ...
eslint-plugin-vue：Vue.js的官方ESLint插件
02-03
要了解有关生成的AST中某些节点的更多信息，请转到此处：vue-eslint-parser提供了一些有用的解析器服务，可帮助遍历所生成的AST和访问模板的令牌： context.parserServices.defineTemplateBodyVis
vue-component-devtool:Vue 组件开发模板
05-14
vue-component-devtool通过 初始化；采用 来加载文档。基于 webpack 的 Vue 组件开发工具。可以编写例子，文档。usegit clone https://github.com/mengdu/vue-component-devtool my-component安装依赖yarn# ornpm ...
基于vue-upload-component封装一个图片上传组件的示例
10-17
主要介绍了基于vue-upload-component封装一个图片上传组件的示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
eslint:vue报错 error Component name ““ should always be multi-word
weixin_45866961的博客
03-10 2456
eslint:vue报错 error Component name "" should always be multi-word
Component name “list“ should always be multi-word
weixin_Beginner的博客
06-07 331
Component name "list" should always be multi-word
vue3创建文件报“组件名称应该总是由多个单词组成“Component name “index“ should always be multi-word
qq_42756356的博客
06-02 3974
在项目根目录下的 .eslintrc.js 文件中添加 “vue/multi-word-component-names”: “off”, 没有该文件就创建一个
vue3项目中出现Component name “my“ should always be multi-word问题怎么解决
qq_43332008的博客
05-05 1359
如上图所示，在创建一个my.vue的时候，需要在文件里面的name写入my，此时报错，大概的意思是建议使用驼峰命名。这是因为eslint有严格的语法检查机制，这样也是为了标准化。2.在根目录创建vue.config.js,文件中写入一下内容重启即可。1.按照语法提示取名字（就是不想后续这么麻烦才不能用这一步）在.esclint.js中的rules中加入。即可解决代码检查问题。
组件命名报错 “Component name “XXX“ should always be multi-word”的解决方法
yyh231366的博客
09-02 3444
第一种解决方法：修改组件名称为大驼峰，不要用系统中命令常见的名称。注意：修改完，如果还不行，就退出VsCode，再重新打开项目。//在rules中添加自定义规则。//关闭组件命名规则。当然,千万注意格式规范等!
Component name "Aside" should always be multi-word vue/multi-word-component-name
07-27
根据引用\[1\]和引用\[2\]的内容，报错"Component name 'Aside' should always be multi-word vue/multi-word-component-name"是由于Vue项目中的组件名不符合eslint规范导致的。根据引用\[3\]的内容，组件名需要以驼峰式命名至少两个单词，所以可以将"Aside"修改为"AsideComponent"或其他符合规范的多个单词组成的组件名。这样修改后，就可以解决这个报错了。 #### 引用[.reference_title] - *1* [Vue报错【已解决】【Component name “xxx“ should always be multi-word vue/multi-word-component-names...](https://blog.csdn.net/m0_62742402/article/details/127668141)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [error Component name “xxx“ should always be multi-word vue/multi-word-comp](https://blog.csdn.net/qq_46580571/article/details/123979098)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [Vue项目报错： Component name “xxx“ should always be multi-word vue/multi-word-component-names](https://blog.csdn.net/qq_40787608/article/details/125288188)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值