vue组件终端报错: error Component name “xxx“ should always be multi-word vue/multi-word-component-names
2023-09-11 14:22:31 时间
前言
今天使用vscode开发vue引入组件的时候遇到一个错误,我的组件名称以及路径都是没问题的,但是就是运行不起来
错误信息截图如下
分析问题
根据提示信息可知是组件名出了问题,概就是组件名应该使多个单词拼接横线组成的。
但是我又查阅了官方的风格指南,发现组件名可以这样命名,一个单词单身首字母大写也是没问题的
查阅资料发现,这其实是语法检查的时候把不规范的代码(即命名不规范)当成了错误。
解决问题
针对这种问题,我个人推荐:修改配置项,关闭语法检查
1 打开并且编译vue.config.js
项目的根目录找到vue.config.js文件
2 添加配置
添加配置: lintOnSave:false,,作用是关闭语法检查
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
transpileDependencies: true,
lintOnSave:false, // 关闭语法检查
})
3 保存重启
保存文件,重新执行npm run serve即可
解决
相关文章
- (尚043) vue_向路由组件传递数据+vue param和query两种传参方式
- vue.js 计算属性与$watch的区别?
- 27 Vue组件传值时的校验操作
- 【Vue】Vue-cli(脚手架)实现单文件Vue组件的调用(图文和代码)
- 【Vue】单文件的组件(.vue)代码实例
- vue-property-decorator 提供 OO 的风格 Vue Component 方便类型声明
- Vue - Ant Design Vue 上传组件 <Upload> 阻止默认直接上传的行为,改为手动自行上传文件并携带其他参数(点击后不把文件上传到服务器,而是在“适当时机“去手动提交文件与数据)
- Vue项目--公共组件的提取之轮播图
- Vue项目--尚品汇(静态主页及其组件的拆分)
- vue 结合localStorage 来双向绑定数据
- 谈一谈Vue怎么用extend动态创建组件
- Vue 组件之间传值
- (19)打鸡儿教你Vue.js
- Vue 修改 elementUI table tr th 的高度,以及背景颜色
- 关于Vue中main.js,App.vue,index.html之间关系进行总结
- vue cli选择lint模式
- vue组件---动态组件&异步组件
- vue学习笔记十:Vue中引入jquery
- vue组件值传递之父组件向子组件传递(props)
- Vue子组件调用父组件的方法
- 浅析Vue CompositionAPI和React Hooks对比:hook的意义、两者差别(原理-链表/Proxy、代码执行-每次渲染都执行/组件创建时运行、声明响应式状态、如何跟踪依赖、生命周期、自定义hook、Ref获取元素、计算属性附加函数、Context和provide/inject、在渲染上下文中暴露值)
- Vue组件进阶知识总结
- Vue 之 插件 轮播组件 vue-awesome-swiper 的简单使用整理
- 08-vue-cli 本地存储
- Vue结合Element-UI 实现双击单元格编辑