移除vscode装饰器报错

本文介绍如何解决在VSCode中使用MobX和React时出现的experimentalDecorators警告。通过在项目根目录创建并配置tsconfig.json文件,可以消除vscode对MobX的@observable装饰器的识别问题,确保代码高亮和智能提示正常工作。

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

不知各位有没有在使用vscode 写mobx+react的时候,遇到过 experimentalDecorators warning?

问题截图
在这里插入图片描述
在这里插入图片描述
当我在vscode新创建一个react+mobx项目的时候,遇到了下面这个警告。

Experimental support for decorators is a feature that is subject to change in a future release. Set the ‘experimentalDecorators’ option to remove this warning.

每当我新引入MobX的 @observable 装饰器时,vscode 并不识别,并将相关的react class 以及 声明的 observable 属性都下划红线。

不过webpack编译项目的时候并没有错误,只是vscode一直下划线警告我,很难受。

下面说一个解决办法:

解决办法
在这里插入图片描述
在项目的根目录创建一个tsconfig.json,并在文件里输入下面的配置:

{
    "compilerOptions": {
        "experimentalDecorators": true,
        "allowJs": true
    }
}

重启一下vscode 或者 关闭文件tab重新打开之后,你就应该看不到experimentalDecorators 警告了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值