typeScript写Vue项目中遇到的坑

在使用vue-cli3.0创建的Vue项目中,开发者遇到VSCode无法识别.vue文件内的TS语法导致报红的问题,尽管不影响编译和页面显示。尝试禁用javascript.validate.enable设置、更换eslint配置、安装支持TS的插件等方法无效。最终发现卸载已有的vetur插件,换用volar插件解决了问题。尽管如此,两个项目在VSCode中的表现差异仍然未明原因。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

vscode不识别TS的语法报错

描述一下: 自己使用vue-cli 3.0 创建的 vue项目 在.vue文件中使用ts关键词如 (public private)报红,但不影响编译页面正常显示,但从晚上下载的一个项目的例子.vue文件中的 ts关键词并不会报错。

尝试解决:
1、使用了网上说的 vscode 的 settings.json 中 “javascript.validate.enable”: false ,但并没有解决
2、在 编辑器–首选项–设置 中查找javascript.validate.enable 这个远离同1
3、因为2个vue-ts项目 但有一个确 没有问题 我在想可能是eslint 配置不同,但复制过来后 并没有解决
4、尝试下载vscode插件 找了一个vue支持 ts的插件 ,但是并没有生效

解决方法:
不过也不知道怎么的 在我看插件的时候 我发现有2个vue的插件 我就卸载了第一个,此时 惊喜出现了,不再报错了, 所以 可能是第一个插件 覆盖了第二个插件的作用。
说一下插件: 之前一只使用的是叫vetur的插件 在没使用ts语法时一很好用, 新使用的叫volar,第一款其实下载人数很多,可能我不会配置

疑惑:不过还是没有解决 2个项目在 vscode中变现有差别的原因, 要是插件的影响 应该是影响编辑器中所有的项目,而不是我新创建的,这个会慢慢寻找原因

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值