Vue组件的@typescript-eslint/naming-convention解决方法

bqucvtff 于 2023-11-21 发布在 Vue.js

关注(0)|答案(2)|浏览(184)

我们启用了此规则：https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/eslint-plugin/docs/rules/naming-convention.md#allowed-selectors-modifiers-and-types
默认情况下，对象文字中不允许PascalCase，这是vue组件的一个问题

export default defineComponent({
    name: 'MyComponent',
    components: {
      MyOtherComponent,
    },
  })

字符串
创建以下警告
Object Literal属性名称MyOtherComponent必须匹配以下格式之一：camelCase
有没有人找到解决这个问题的方法？我尝试了所有的修改，但没有找到一个解决这个问题的方法，而不允许Pascal对对象字面量

vue.js

来源：https://stackoverflow.com/questions/70524215/typescript-eslint-naming-convention-workaround-for-vue-components

2条答案

按热度按时间

gcuhipw91#

如果你只关心导入（使用Composition API）：

'@typescript-eslint/naming-convention': [
  'error',

  {
    selector: 'import',
    format: ['PascalCase', 'strictCamelCase'],
  },

],

字符串

赞(0）回复(0）举报 2023-11-21

gev0vcfq2#

我唯一能重新创建的方法就是使用规则：

"@typescript-eslint/naming-convention": [
                    "error",
                    {
                        "selector": "class",
                        "format": ["PascalCase"]
                    },

字符串
这不是默认值。所以我猜你在eslintrc文件中有这个，或者正在使用这个设置的默认值。你应该能够覆盖它以用途：

{
    "selector": "class",
    "format": ["camelCase"]
}

型

赞(0）回复(0）举报 2023-11-21

我来回答

Vue组件的@typescript-eslint/naming-convention解决方法

2条答案

相关问题

热门标签

最新问答