无法在 NX-jsx 中提供 React 应用程序当前未启用答案

【问题标题】：Cannot serve React app in NX-jsx is not currently enabled无法在 NX-jsx 中提供 React 应用程序当前未启用
【发布时间】：2022-12-20 17:12:28
【问题描述】：

我使用 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 时，我又遇到了那个错误。

我应该怎么办？有什么解决办法吗？

【问题讨论】：

很可能您创建了一些没有 babelrc 的库，而这正是抛出此错误的地方

标签： javascript reactjs webpack babeljs

【解决方案1】：

问题是 lib 生成器，当你创建一个 react lib 时，我只尝试发布，它没有添加 babelrc 文件所以你必须自己添加它..只需从你的应用程序复制它。这是一个错误的自动取款机

【讨论】：