使用react app连接服务react时出错

Question

我有一个使用create-react-app使用react-data-grid@7.创建的react应用程序自从optional-chaining开始使用es2020模块以来，为了使用最近的构建，我不得不在应用程序中添加对canary17和nullish-coalescing-operator的支持，否则我启动应用程序时会出错。

在进行了几次搜索之后，我安装了customize-cra和react-app-rewired，，将脚本命令更改为

"start": "react-app-rewired start"     
"build": "react-app-rewired build"   

并添加了这个config-overrides.js

const {
    override,
    addBabelPlugin
 } = require("customize-cra");

 module.exports = override(
    addBabelPlugin("@babel/plugin-proposal-optional-chaining"),
    addBabelPlugin("@babel/plugin-proposal-nullish-coalescing-operator"),
 );

试图运行这个应用程序，我得到了一个奇怪的行为。使用start命令，我会看到同样的错误，但是如果我构建和部署应用程序是正确的。

如果我在config-overrides.js中添加了什么错误，并试图启动run，我收到了一条错误消息，因此我认为文件已经加载。

我是不是遗漏了什么？

Answer 1

经过几次测试后，我发现解决方案从

addBabelPlugin("@babel/plugin-proposal-optional-chaining"),
addBabelPlugin("@babel/plugin-proposal-nullish-coalescing-operator"),

至

addExternalBabelPlugin(["@babel/plugin-proposal-optional-chaining", { "loose": false }]),
addExternalBabelPlugin(["@babel/plugin-proposal-nullish-coalescing-operator", { "loose": false }]),

我也添加了松散参数，但这不是问题所在。现在看起来像在服务和构建两个方面的工作