Babel.js 无法在NX-jsx中提供React应用程序-当前未启用

3zwtqj6y  于 2022-12-20  发布在  Babel
关注(0)|答案(1)|浏览(145)

我使用nx g @nrwl/react:application --js --unitTestRunner=none --e2eTestRunner=none my-project在NX工作区中创建了一个react应用程序
然后我开发了我的项目。最后当我想用nx serve my-project运行我的项目时,我得到了以下错误:
Syntax error: Support for the experimental syntax 'jsx' isn't currently enabled
我意识到这与项目的babel配置有关,所以我安装了@babel/preset-react @babel/preset-env并替换了.babelrc文件的内容
更改前的配置:

{
  "presets": [
    [
      "@nrwl/react/babel",
      {
        "runtime": "automatic",
        "importSource": "@emotion/react"
      }
    ]
  ],
  "plugins": ["@emotion/babel-plugin"]
}

安装软件包后的.babelrc

{
  "presets": [
    "@babel/preset-env",
    "@babel/preset-react"
  ]
}

我还将tsconfig.json的compilerOptions中的jsx属性从"react-jsx"更改为"react"
但是当我再次运行nx serve my-project时,我又得到了那个错误。
我该怎么办?有什么办法吗?

h6my8fg2

h6my8fg21#

问题是库生成器,当你创建一个React库,我只尝试发布,它不添加babelrc文件,所以你必须自己添加它...只是从你的应用程序复制它。这是一个错误的atm

相关问题