移除vscode装饰器报错，移除vscode装饰

移除vscode装饰器报错，移除vscode装饰

不知各位有没有在使用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 警告了。

希望对你有用，感谢阅读。