Component name XXX should always be multi-word

最新推荐文章于 2024-03-05 18:06:55 发布
最新推荐文章于 2024-03-05 18:06:55 发布
阅读量648 收藏 1
点赞数
分类专栏： 自学前端 文章标签： 前端 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_68587393/article/details/126501679
版权

1.问题：在初次使用 eslint 遇到的报错

在这里插入图片描述

2.问题所在：

官方解释：
此规则要求组件名称始终为多字，根App 组件和 Vue 提供的内置组件除外，例如or 。这可以防止与现有和未来的 HTML 元素发生冲突，因为所有 HTML 元素都是一个单词。

我的理解：
即组件名称不应该为单字，应该为多字且符合驼峰命名法

3.解决问题：更改组件名称即可

在这里插入图片描述

风之子918
关注
  • 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
ICS delphixe10源码版
05-03
ICS - Internet Component Suite - V8 - Delphi 7 to RAD Studio 10 Seattle ======================================================================= (Aka FPIETTE's Components) Revised: March 3, 2016 ...
用vue-cli创建项目后npm run serve 报错Component name “main“ should always be multi-word vue/multi-word-compo
qq_42658803的博客
12-21 2407
报错Component name "main" should always be multi-word vue/multi-word-compo
【vue eslint】报错Component name “xxxxx“ should always be multi-word.eslintvue/四种解决方案
热门推荐
u013078755的博客
03-18 7万+
四种方式解决Component name "index" should always be multi-word.eslintvue/multi-word-component-names报错
V3报错 ESlint Component name “组件名“ should always be multi-word vue/multi-word-component-names
m0_60234005的博客
08-05 596
一、ESlint的锅 去根目录的vue.config.js里加一行代码关闭ESlint就行了。一种是驼峰式命名 比如loginView 就不赘述了。告诉我们要采用驼峰命名。
VB.NET Developer's Guide(4574).pdf
08-15
Component Architecture 148 Managed Code versus Unmanaged Code 150 Interoperability with Managed Code 152 System Namespace 153 File I/O 155 Drawing 156 Printing 157 Common Type System 158 Type ...
【Vue】组件命名报错 “Component name “XXX“ should always be multi-word”的解决方法
【敦厚的曹操】的专栏
06-13 5万+
组件命名报错 “Component name “XXX“ should always be multi-word”的解决方法
react中的组件(多字预警)
mmmawo的博客
11-06 184
react中组件的特点 独立 可复用 可组合 组件的内容 结构html 样式css 逻辑JS 组件的分类 基础组件:指input.button这种基础标签,以及封装过的通用UI组件 业务组件:由基础组件组合成的业务抽象化UI,比如部门信息下拉框 区块组件:由基础组件和业务组件组合成的UI块 页面组件:展示给用户的最终页面，一般就是对应一个路由规则 组件的两种创建方式 1.js中使用函数创建组件 // 定义一个函数式组件 const app = () => { return
Vue项目报错： Component name “xxx“ should always be multi-word vue/multi-word-component-names
qq_40787608的博客
06-14 2万+
vue
【vue eslint】报错Component name “xxxxx“ should always be multi-word.eslintvue解决方案
m0_55696390的博客
08-19 748
【vue eslint】报错Component name “xxxxx“ should always be multi-word.eslintvue解决方案
vue eslint报错 Component name “xxx” should always be multi-word.eslintvue 关闭命名规则校验
最新发布
Rio_Gaven的博客
03-05 530
文件（如果没有则新建一个）
vue脚手架报错：“Component name “***“ should always be multi-word”解决方法
Cuichenyang158的博客
11-01 2万+
“Component name “***“ should always be multi-word”解决方法
【Vue】在vue中命名的时候会遇到 component name “index“ should always be multi-word的解决方案
Trees__的博客
08-06 1万+
【Vue】在vue中命名的时候会遇到 component name "index" should always be multi-word的解决方案 第一种方法 直接改名 第二种方法 关闭检验 第三种方法 关闭命名规则校验 第四种方法 官方建议的设置
使用vue脚手架报错：“Component name “***“ should always be multi-word”解决方法
weixin_52960369的博客
04-28 912
“Component name “***“ should always be multi-word”
vue项目报错：Component name “xxx“ should always be multi-word
weixin_45866961的博客
02-18 315
vue项目报错：Component name "xxx" should always be multi-word
Vue3+Vite+TS后台项目 ~ 3. 环境配置
yuan
12-21 2162
TS 环境说明 1. 编译器选项： Vite 仅执行 .ts 文件的转译工作，并 不 执行任何类型检查。 在 tsconfig.json 中的 compilerOptions 下设置 "isolatedModules": true。 "isolatedModules": true, 2. 客户端类型 将 vite/client 添加到 tsconfig 中的 compilerOptions.types 下： "types": ["vite/client"], setup 1. Vu.
Vue脚手架报错：Component name “School“ should always be multi-word vue/multi-word-component-names
weixin_56035334的博客
05-23 3936
目录 背景 解决方法 背景 运行命令行：npm run serve时，提示报错： error Component name "School" should always be multi-word vue/multi-word-component-names（组件名称“School”应始终为多字vue/多字组件名称） 解决方法 打开文件夹中 vue.config.js，配置命令行lintOnSave:false， 这个命令行目的是，关闭自动语法检查，使得代码...
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-component-names"表示组件名应该始终是多单词，不应该以单个单词命名组件。解决方法可以有两种： 解决方法1：修改组件名为多单词形式，例如将"Login.vue"修改为"LoginName.vue"。组件名需要以驼峰式命名，至少包含两个单词。可以根据具体情况自行选择组件名，只需保证至少包含两个单词即可。 解决方法2：禁用eslint的多单词命名规则。在vue.config.js配置文件中添加规则"lintOnSave:false"，示例如下： ```javascript const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ transpileDependencies: true, lintOnSave: false }) ``` 另外，可以在.eslintrc.js文件中对指定的文件进行覆盖配置，禁用多单词命名规则。示例如下： ```javascript module.exports = { // ... overrides: [ { files: ['src/views/**/*.vue'], rules: { 'vue/multi-word-component-names': 0, }, }, ] } ``` 这样就可以解决Eslint检验项目报错"Component name xxx should always be multi-word vue/multi-word-component-names"的问题。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值