我使用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
时,我又得到了那个错误。
我该怎么办?有什么办法吗?
1条答案
按热度按时间h6my8fg21#
问题是库生成器,当你创建一个React库,我只尝试发布,它不添加babelrc文件,所以你必须自己添加它...只是从你的应用程序复制它。这是一个错误的atm