除非提供了'——JSX '标志，否则不能使用JSX

我已经四处寻找解决这个问题的办法了。他们都建议在你的tsconfig中添加"jsx": "react"。json文件。我已经做到了。另一个是添加“include:[]”，我也这样做过。然而，当我试图编辑.tsxfiles时，我仍然得到错误。下面是我的tsconfig文件。

{
    "compilerOptions": {
        "module": "commonjs",
        "target": "es5",
        "allowJs": true,
        "checkJs": false,
        "jsx": "react",
        "outDir": "./build",
        "rootDir": "./lib",
        "removeComments": true,
        "noEmit": true,
        "pretty": true,
        "skipLibCheck": true,
        "strict": true,
        "moduleResolution": "node",
        "esModuleInterop": true
    },
    "include": [
        "./lib/**/*"
    ],
    "exclude": [
        "node_modules"
    ]
}

任何建议都会很有帮助。我使用babel 7编译所有的代码与env, react和typescript预设。如果你们需要更多的文件来帮助调试，请告诉我。

当前回答

我的情况下，没有一个解决方案是有效的，所以我看了ECMA Scrypt版本。我的版本是ec5，你可以在这里检查-> tsconfig.json。所以我尝试将目标:“es5”切换为目标:“es2017”，它似乎可以处理这个问题，如果再次出现任何问题，我会编辑这条评论

2020-11-30 20:11:58

其他回答

在我的例子中，问题是VSCode生成了一个空的tsconfig。Json文件，当然，它什么也没做。

我把这个添加到tsconfig。json from Typescript的React Page:

{
    "compilerOptions": {
        "outDir": "./dist/",
        "sourceMap": true,
        "noImplicitAny": true,
        "module": "commonjs",
        "target": "es6",
        "jsx": "react"
    }
}

.．.然后点击保存，VSCode从那里取出它。

编辑: 自从我最初发布这个答案以来，通用的tsconfig文件已经变得更广泛地可用。如果你想了解这些选项，我已经发布了一个更详细的版本作为主旨。

2020-04-14 22:40:26

添加"jsx": "react"到jsconfig。Json不适合我，但“jsx”:“preserve”做到了:

jsconfig。Json / tsconfig.json:

{
  "compilerOptions": {
    "jsx": "preserve"
  }
}

2022-05-21 18:56:00

添加｛ " compilerOptions ": { “jsx”:“反应” ｝｝ “tsconfig。重新启动编辑器就解决了这个问题。

2021-07-29 05:21:56

你可以用npm install注释再次安装npm包。这对我很管用。

2022-05-09 14:35:37

我有一个monorepo, Webstorm自动选择了一个旧版本的TypeScript作为子包。修复方法是在页脚单击TypeScript X.X.X，然后选择Configure TypeScript…并选择正确的软件包，这对我来说在Webstorm 2021.1中是有效的

2021-06-05 17:12:41

除非提供了'——JSX '标志，否则不能使用JSX

推荐文章

最新文章

标签