如何在Codesandbox中使用Babel Plugin Proposal Throw Expressions？

Question

在 Codesandbox 中使用 React 我试图抛出新错误（'Something went wrong'）；我有这个错误：

我已经添加了这个依赖项：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": [
    "transform-runtime",
    "proposal-optional-chaining",
    "proposal-throw-expressions"
  ],
}

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

How to use Babel Plugin Proposal Throw Expressions in Codesandbox?