Typescript开发时遇到的小问题

最新推荐文章于 2023-10-29 19:23:20 发布

他在时间门外

最新推荐文章于 2023-10-29 19:23:20 发布

阅读量494

点赞数 1

文章标签： vue.js typescript

本文链接：https://blog.csdn.net/H_jrqn/article/details/125649040

版权

1.父组件在引入子组件名字报错

解决办法：在.eslintrc.js中

 rules: {
        'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
        'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
        // 防止起名报错
        'vue/multi-word-component-names': 0
    }

2.使用Vuex时因为使用了Volar插件

代码会更严格一些，如果组件的 template 中使用$store显示

则在组件的script中：

declare module '@vue/runtime-core' {
  interface ComponentCustomProperties {
    $store: any
  }
}

3.vue3使用typescript报错any

.eslintrc.js中

  rules: {
        'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
        'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
        // any类型警告
        "@typescript-eslint/no-explicit-any": ["off"]
    }