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

当前回答

在我的例子中，重新启动VSCode并将typescript和run-scripts升级到匹配的版本是不够的。删除.eslintcache文件后重新构建最终解决了这个错误。

2021-01-02 13:44:03

其他回答

崇高文本的解决方案:

Make sure your package.json uses Typescript >= v4.1.2 Uninstall the Sublime Text "Typescript" package through Package Control At time of writing, it bundles Typescript v3.x Open a terminal in the Sublime Text "Packages" directory. cd "~/Library/Application Support/Sublime Text 3/Packages" Clone the Typescript-Sublime-Plugin repo into your Packages directory: git clone https://github.com/microsoft/TypeScript-Sublime-Plugin TypeScript Open User Settings: Sublime Text > Preferences > Settings Add "typescript_tsdk": "node_modules/typescript/lib" This tells the Sublime Typescript plugin to use the project version of Typescript rather than its bundled version. Restart Sublime Text Unlike most Sublime Text settings, this one requires a restart in order to restart the Typescript server.

参考: https://github.com/microsoft/TypeScript-Sublime-Plugin/issues/538

2021-01-03 16:34:58

我的经验

我正在转换现有的新创建的NextJS应用程序使用TS遵循官方的下一步指南，当我到达页面/_app。需要修改TSX。

我按照VSCode提示添加——jsx标志，这将添加以下行到next.config.js文件:

module.exports = {
  reactStrictMode: all,
};

这导致了另一个错误:

Failed to load next.config.js, see more info here https://nextjs.org/docs/messages/next-config-error
ReferenceError: all is not defined

在删除next.config.js文件中的行并重新启动VSCode并重新运行yarn dev或npm运行dev，瞧!它开始工作了!

2021-11-06 04:34:05

我得到了同样的错误，我只是想办法解决它。问题是有一个jsconfig。tsconfig. json文件导致TypeScript编译器忽略tsconfig. json文件。json文件。

要确定你是否有同样的问题，在你的IDE中(我使用VS Code)，在你的编辑器中加载一个有错误的文件，然后打开命令面板，输入“TypeScript: Go To Project Configuration”。如果它打开jsconfig。json，然后删除该文件并重新启动IDE。如果它打开tsconfig。Json文件这次，你是黄金。

2019-05-21 21:35:00

Create-react-app打破了常规。截至2022年5月

在tsconfig中，include只被设置为/src，更改为:

  "include": [
    "./src/**/*.ts"
  ]

2020-11-25 20:05:37

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

2022-05-09 14:35:37

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

推荐文章

最新文章

标签