Typescript + Parcel new JSX transform - React is not defined 错误

Question

我已经更新到 React 17+，现在在删除时遇到 React is not defined 问题 import React from 'react' 来自打字稿 TSX 和 JSX 文件的语句。

我该如何解决这个问题？

Answer 1

我发现问题是 Parcel（撰写本文时的版本 2.0.0-beta.3.1）使用的一些 babel 插件的版本已经过时。

这是我的解决方案：

将这两个包添加到你的package.json文件中：

yarn add --dev @babel/core @babel/plugin-transform-react-jsx
or
npm i -D @babel/core @babel/plugin-transform-react-jsx

更新您的 babel 配置或创建一个新的 .babelrc 文件：

{
  "plugins": [
    [
      "@babel/plugin-transform-react-jsx",
      {
        "runtime": "automatic"
      }
    ]
  ]
}