当前位置: 首页 > news >正文

error “Component name “*****“ should always be multi-word”解决方案

问题

在 vue-cli 创建的项目中,创建文件并命名后,会报 “Component name "*****" should always be multi-word” 报错;

Component name "index" should always be multi-word.eslintvue/multi-word-component-names

原因:

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

解决方案:

配置 vue.config.js 文件
添加 lintOnSave: false,关闭eslint校验
如下:

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({transpileDependencies: true,// 关闭eslint校验lintOnSave: false 
})

!!!注意,修改配置文件后,需要重启项目才能生效

http://www.lryc.cn/news/110658.html

相关文章:

  • 前后端开发的区别是什么?
  • 小白电脑装机(自用)
  • Quic协议 0-RTT
  • 在排序数组中查找元素的第一个和最后一个位置——力扣34
  • python列表处理方法
  • 【Java】快速入门JVM
  • C#之Winfrom自定义输入框对话框。
  • docker制作镜像
  • 广西茶叶元宇宙 武隆以茶为媒 推动茶文旅产业融合发展
  • alibaba.excel库使用
  • 机器学习模型选择评估和超参数调优
  • 深入浅出 Typescript
  • Vue3和TypeScript项目-移动端兼容
  • 基于STM32CubeMX和keil采用通用定时器中断实现固定PWM可调PWM波输出分别实现LED闪烁与呼吸灯
  • mysql大表的深度分页慢sql案例(跳页分页)
  • 集中/本地转发、AC、AP
  • Spring集成Seata
  • 三种方式创建对象的几种方式及new实例化时做了什么?
  • vue2-vue实例挂载的过程
  • C++ 右值引用案例
  • 2.文件的逻辑结构
  • 20天学rust(一)和rust say hi
  • 牢记这16个SpringBoot 扩展接口,写出更加漂亮的代码
  • c++两种设计模式 单例和工厂模式
  • 2023-08-05——JVM 栈
  • Camera之PhysicalCameraSettingsList/SurfaceMap/CameraMetadata/RequestList的关系(三十二)
  • 【ONE·Linux || 基础IO(二)】
  • 【LeetCode 算法】Power of Heroes 英雄的力量
  • 合宙Air724UG LuatOS-Air script lib API--ntp
  • LangChain+ChatGLM大模型应用落地实践(一)