除非提供了'——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预设。如果你们需要更多的文件来帮助调试，请告诉我。

当前回答

在我的情况下，我尝试了所有的tsconfig。json，项目属性对话框，重新启动IDE，检查安装的TypeScript版本等，它仍然有这个错误。找到开发人员，使项目添加条件属性的项目文件，这样TypeScriptJSXEmit没有定义在所有的配置(这混淆了项目属性对话框)。

这是从我的项目文件显示的问题摘录:

...
  <PropertyGroup Condition="'$(Configuration)' == 'QA'">
    <TypeScriptTarget>ES5</TypeScriptTarget>
    <TypeScriptJSXEmit>React</TypeScriptJSXEmit>
...

2019-07-11 14:38:27

其他回答

我遵循了这里提到的“更简单的解决方案”https://github.com/facebook/create-react-app/issues/10144#issuecomment-733278351

＂...更新包中的TS版本。Json到4.1.2"

然后重新启动VS Code。

简单地用命令面板重新启动TS服务器并不能解决我的问题。

我不需要任何其他步骤。

2020-12-13 14:54:04

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

2021-07-29 05:21:56

每次我运行npm start时，它都会覆盖我在{jsx:…}使用React - JSX，以便与React 17中的JSX转换兼容。

The following changes are being made to your tsconfig.json file:
  - compilerOptions.jsx must be react-jsx (to support the new JSX transform in React 17)

问题是VSCode使用了旧版本的typescript(4.0.3)，而项目附带的typescript版本是(4.1.2)。

下面的方法对我很有效:

转到命令面板CTRL+Shift+P(或Mac上⌘+Shift+P)。选择“TypeScript: Select a TypeScript Version…” 选择“使用工作区版本”。

PS:这个选项不会显示，除非你在任何。tsx文件(谢谢@awran5的评论和很好的捕捉)

2020-11-23 13:34:06

重新启动我的IDE没有帮助。重启TypeScript服务器确实解决了这个问题。

2020-05-07 00:20:33

如果你在运行create-react-app with Typescript后看到这个问题，你可以通过添加“Typescript . bat”来解决这个问题。Tsdk ": "node_modules/typescript/lib"到.vscode/settings.json。

对于智能感知，如果你使用"jsx": "react-jsx"，你需要切换你的工作空间来使用TS 4.1+

或者从视觉上看，只需转到蓝色任务栏并选择Typescript版本(可能是4.x。x something)，然后选择“select TypeScript Version”。

然后选择“Use Workspace Version Version”，引用node_modules/typescript/lib

2020-11-30 10:11:02