如何在Codesandbox中使用Babel插件提案抛出表达式？

Question

在Codesandbox中使用React，我试图抛出新的错误（“出了点问题”）；而我有这个错误：

我已经添加了此依赖项：https://babeljs.io/docs/en/babel-plugin-proposal-throw-expressions，但仍然无法使用。

这是我的代码

<div className="App">
  <ErrorBoundary>
    <h1>Counter {counter >= 10 ? throw new Error("Over 10!") : null}</h1>
  </ErrorBoundary>
</div>

Answer 1

在沙箱中添加依赖项后，必须启用它。要添加Babel依赖项，请添加一个.babelrc配置文件。然后将插件名称添加到plugins数组中。

{
  "plugins": [
    "transform-runtime",
    "proposal-optional-chaining",
    "proposal-throw-expressions"
  ],
}

可以从左侧的config按钮添加配置文件。