Component name “index“ should always be multi-word vue/multi-word-component-names

最新推荐文章于 2024-05-13 14:22:03 发布
最新推荐文章于 2024-05-13 14:22:03 发布
阅读量538 收藏 1
点赞数 1
分类专栏： 工作中遇到的问题 文章标签： vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Cool_so_cool/article/details/130762038
版权

VUE组件 vue-router 更新后现在对目录的命名规范的严格了，之前的写法现在可能不行了，直接看报错，遇到的问题
在这里插入图片描述

之前正常来说在路由文件中引入路由文件直接引入到某个文件夹下方就会直接寻找到下方的 index.vue,文件夹了，但是现在不行了，看下面报错翻译过来是 （组件名称“索引”应始终为多词vue/多词组件名称）

原因是 eslint-plugin-vue 版本更新了，相较之前版本，@8 版本中新增了不少规则，第一条就是 ‘vue/multi-word-component-names’: ‘error’, 要求组件名称以驼峰格式命名，所以 index.vue 会报错。

最后给命名改成驼峰命名就没问题了
在这里插入图片描述

Cool_so_cool
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
generator-vue-component-developer:vue组件开发模板
05-13
Vue组件开发项目样板 > A component develop project boilerplate to enable your quick develop your ...|-- index.js # component entry 安装 如果未安装yeoman，请全局安装 npm install - g yo 安装generator-v
pro-layout:易于使用的“蚂蚁设计Vue”布局
05-13
yarn add @ant-design-vue/pro-layout@next # npm npm i @ant-design-vue/pro-layout@next -S 基本用法 首先，应将所需的图标添加到库中。 import 'ant-design-vue/dist/antd.less' ; import { createApp } from '...
【Vue】在vue中命名的时候会遇到 component name “index“ should always be multi-word的解决方案
Trees__的博客
08-06 1万+
【Vue】在vue中命名的时候会遇到 component name "index" should always be multi-word的解决方案 第一种方法 直接改名 第二种方法 关闭检验 第三种方法 关闭命名规则校验 第四种方法 官方建议的设置
Component name “index“ should always be multi-word
黑坑的专栏
10-24 1万+
vue文件不想使用驼峰命名怎么办
vue2 报错，警告 解决方法 component name“Index“should always be multi-word
最新发布
小十七的个人分享博客
05-13 476
组件名称应该为俩个或俩个以上单词组成的，并且还要是大驼峰命名，例如：MyIndex，MyLogin等。
vue路由报错：Component name “index“ should always be multi-word vue/multi-word-component-names
u012029030的博客
03-19 892
vue Component name "index" should always be multi-word vue/multi-word-component-names
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
报错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-devtool:Vue 组件开发模板
05-14
vue-component-devtool通过 初始化；采用 来加载文档。基于 webpack 的 Vue 组件开发工具。可以编写例子，文档。usegit clone https://github.com/mengdu/vue-component-devtool my-component安装依赖yarn# ornpm ...
vue-cli-plugin-multiple-page:基于vue-cli https的buildwatch多页面条目插件
05-30
vue-cli-plugin-multiple-page 一个基于 vue-cli 捆绑多个页面的插件。 与vue-cli's pages配置不同，它是通过将多个页面分片到不同的 webpack 配置来处理的 用法 在你的 vue-cli 创建的项目中安装插件，如果没有请...
基于vue-upload-component封装一个图片上传组件的示例
10-17
主要介绍了基于vue-upload-component封装一个图片上传组件的示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
报错：error Component name “index“ should always be multi-word vue/multi-word-component-names
weixin_57167969的博客
11-08 2203
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.
解决：error Component name “xxx“ should always be multi-word vue/multi-word-component-names
热门推荐
weixin_47773727的博客
03-03 3万+
第一种：修改配置项,关闭语法检查。在vue.config.js加上一句：lintOnSave:false，再次运行就可以 如图 第二种：更改组件名,使其符合命名规范如：驼峰命名法 问题原因 语法检查的时候把不规范的代码当成了错误(也就是你命名的不规范) ...
Vue报错：Component name “School“ should always be multi-word vue/multi-word-component
DCJwwh的博客
01-17 8664
今天搭建脚手架，系统报了将近6，7个错误，弄得我头疼。更可气的是，犯的这些全是低级错误！为了未来不再踩坑，写此文记录之。
Vue项目报错: Component name “xxx“ should always be multi-word vue/multi-word-component-names
weixin_51281096的博客
12-20 971
Vue项目报错: Component name “xxx“ should always be multi-word vue/multi-word-component-names
vue脚手架报错：“Component name “***“ should always be multi-word”解决方法
Cuichenyang158的博客
11-01 2万+
“Component name “***“ should always be multi-word”解决方法
Component name "jumppay" should always be multi-word vue/multi-word-component-names
09-11
根据引用中的信息，"Component name "jumppay" should always be multi-word vue/multi-word-component-names"错误的原因是组件名应该由多个单词组成。要解决这个问题，你可以将组件名"jumppay"更改为由多个单词组成的名字，例如"JumpPayView"。另外，你也可以在项目的根目录下的vue.config.js文件中添加以下配置来禁用vue的严格模式： const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ transpileDependencies: true, lintOnSave: false }) 引用中提到的编辑.eslintrc.js文件也可以通过以下配置来解决这个问题： module.exports = { // ... overrides: [ { files: ['src/views/**/*.vue'], rules: { 'vue/multi-word-component-names': 0, }, }, ], } 通过以上的解决方案，你就可以解决"Component name "jumppay" should always be multi-word vue/multi-word-component-names"的问题了。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值