修身养性,知行合一

  • 首页
  • 爱码
    • 系统
    • 数据库
    • JavaScript
    • CSharp
    • Python
  • 生活
    • 文化
    • 美食
  • 杂谈
  • 关于
修身养性,知行合一
码字,杂谈
  1. 首页
  2. 爱码
  3. 前端
  4. JavaScript
  5. Vue
  6. 正文

关于 *.vue 文件中使用 TypeScript 声明类型报错的解决方案

2023年2月17日 862点热度 4人点赞 0条评论

在使用 TypeScript 时, *.vue 文件中经常也需要用到类型声明,但是只要是我们在组件内部定义的变量,无一例外在使用类型声明时都会报错:

file

这主要是 eslint 与 TypeScript 存在冲突。

  • eslint 中的 no-undef 规则是依赖配置的,而不是使用 TypeScript 来确定存在的全局变量
  • 所有类型检查已经由 TypeScript 提供,所以无需在 TypeScript 项目中使用 no-undef 规则。这属于重复检查。

所以,我们只需要重写其规则即可。在 ESLint 配置文件中:

overrides: [
    {
        files: ['*.ts', '*.vue'],
        rules: {
            'no-undef': 'off'
        }
    }
]

这样会帮助你关闭所有 no-undef 的检查,让项目可以正常运行。

本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可
标签: TypeScript vue
最后更新:2023年2月17日

jeremyjone

这个人很懒,什么都没留下

打赏 点赞
< 上一篇
下一篇 >

文章评论

取消回复

最新 热点 随机
最新 热点 随机
el-table 自定义滚动条后的错位问题 推荐一款 JS 水印工具 flex 踩坑小计 搭建网络图书管理系统小纪 TypeScript class 中的 get 属性在传递中神奇消失 TypeScript 类型找不到
el-table 自定义滚动条后的错位问题
windows中自定义图标不能正常显示 解决mount cifs时出现"is not a valid block device"的问题 win10 修改本地账户名称 Vue3 动态添加图片路径 JavaScript数字和字符互转 volar 检查 element 表格的 slot-scope 错误

(っ•̀ω•́)っ✎⁾⁾ 开心每一天

COPYRIGHT © 2021 jeremyjone.com. ALL RIGHTS RESERVED.

THEME KRATOS MADE BY VTROIS

京ICP备19012859号-1

京公网安备 11010802028585号