在 VS Code 中打开 JSDoc 会产生“除非提供 '--jsx' 标志，否则无法使用 JSX”答案

【问题标题】：Turning on JSDoc in VS Code produces "Cannot use JSX unless the '--jsx' flag is provided"在 VS Code 中打开 JSDoc 会产生“除非提供 '--jsx' 标志，否则无法使用 JSX”
【发布时间】：2021-03-07 21:10:08
【问题描述】：

我使用 Create React App 创建了 React 应用程序。它使用 ES6。

我在这个应用程序中使用 JSDoc 来介绍类型安全。使用 Visual Studio Code 中的以下选项打开类型安全：

"javascript.implicitProjectConfig.checkJs": true

类型检查工作正常，除了任何使用 jsx 的文件都会出现以下错误。

除非提供 '--jsx' 标志，否则不能使用 JSX

这是因为项目对包含 JSX 的文件使用了 .js 扩展名。项目文件太多，不想把扩展名改成.jsx。

我发现关闭此警告的唯一方法是添加具有以下内容的 tsconfig.json 文件：

{
    "compilerOptions": {
        "jsx": "react"
    }
}

但是，创建 tsconfig.json 文件会带来其他复杂性，例如测试现在正在中断，因为 CRA 认为这是一个 TypeScript 项目，这是不正确的。

所以问题是这样的：有没有办法在不创建 tsconfig.json 文件的情况下抑制“无法使用 jsx...”错误？

【问题讨论】：

标签： reactjs typescript visual-studio-code create-react-app jsdoc

【解决方案1】：

我认为在这种情况下使用jsconfig.json 是最好的方法，因为您的回购是js 回购。现在您只需将上面的tsconfig.json 替换为位于根级别的jsconfig.json：

jsconfig.json

{
  "compilerOptions": {
    "jsx": "react"
  }
}

你可以在这里阅读我来处理js repo：https://code.visualstudio.com/docs/nodejs/working-with-javascript

【讨论】：