对装饰器的实验支持是否支持错误VSCODE?

时间:2019-07-09 17:34:53

标签: reactjs typescript visual-studio-code decorator

在为我的create react应用安装Mobx之后,并尝试了Internet上的几乎所有解决方案(编辑TSconfig.json,将装饰器设置为true,重新启动,将tsconfig.json移至项目根目录),该错误消息仍然持续存在。下面是我的代码:

    import React from "react"; 
    import { Component } from 'react'
    import { observable} from "mobx";

     class SetupPage extends Component {
     @observable todos = []
      render() {


            return (
              <div> <h1>Test Code <h1> </div>
            );
        }

    }

export default SetupPage;

错误图片:

enter image description here

是否有确定的方法可以解决此问题,从而将mobx集成到create react应用程序中?

编辑Tsconfig.json:

{
    "compilerOptions": {
        "experimentalDecorators": true,
        "emitDecoratorMetadata": true,
        "allowJs": true,
        "module": "amd",
        "target": "ES6",
        "sourceMap": false,
        "noImplicitAny": true,
        "noImplicitThis": true,
        "declaration": true,
        "outDir": "lib",
        "esModuleInterop": true,


    },
    "include": ["src/**/*.ts"],
    "exclude": ["node_modules"]
}

Tsconfig.json在目录中的位置:

enter image description here

编辑#2将Tsconfig.json移至根文件夹

enter image description here

SRC文件夹为红色,因为这是上面的代码片段所在的位置

0 个答案:

没有答案