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

Question

我已经更新到 React 17+，现在在删除时遇到 React is not defined 问题从 typescript TSX 和 JSX 文件中的“react” 语句导入 React。

我该如何解决这个问题？

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"
      }
    ]
  ]
}