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

当前回答

如果你在运行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

其他回答

即使在运行npx tsc——jsx preserve时，我也得到了这个错误，所以——jsx是明确指定的。

在我的例子中，这是因为在tsconfig中有incremental: true。显然，在增量模式下，tsc可能会忽略——jsx设置，而使用以前构建的信息(其中——jsx仍然被禁用)。作为一种解决方案，我暂时转向增量编译，重新编译，然后重新启用它。也许删除构建构件也可以工作。

2019-08-24 11:36:10

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