处理error Component name “Seller“ should always be multi-word vue/multi-word-component-names

最新推荐文章于 2024-08-21 14:06:51 发布

原创最新推荐文章于 2024-08-21 14:06:51 发布 · 533 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被以下社区和专栏收录：

本文介绍了解决在使用Vue CLI创建Vue 2项目时遇到的组件命名错误问题。通过修改.eslintrc.js配置文件来禁用组件名称检查规则，避免了因单个单词命名而引发的警告。

项目场景：

使用vue cli创建vue2项目

问题描述

编译过程中提示组件名称错误：
error

原因分析：

组件推荐使用多单词驼峰命名，使用单个单词命名组件会提示错误

解决方案：

修改.eslintrc.js配置，关闭组件名称检查：

module.exports = {
  root: true,
  env: {
    node: true
  },
  extends: [
    'plugin:vue/essential',
    '@vue/standard'
  ],
  parserOptions: {
    parser: '@babel/eslint-parser'
  },
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'vue/multi-word-component-names': 'off'// 关闭组件名称检查
  }
}