javascript - 用于反应应用程序的代码沙箱的 babel 配置

Question

• 我正在尝试在 redux 应用程序中实现网络工作者
• 所以我采取了下面的例子并在tyhe沙箱中实现 https://github.com/ardi-n/react-redux-web-workers-sample-app
• 为此，他们正在使用 babel

• 所以我采用了一个具有以下配置的工作 babel 代码沙箱。

  { "presets": [ "@babel/preset-env" ], "plugins": [ [ "@babel/plugin-proposal-decorators", { "decoratorsBeforeExport": false } ] ] }

• 但是该应用程序具有此配置

  { "presets": [ "env", "react", "es2015" ], "plugins": [ "transform-es2015-destructuring", "transform-object-rest-spread" ] }

• 当我更换配置时，出现以下错误。

• 所以我研究并得到了这个链接 https://babeljs.io/docs/en/config-files/
• 我也安装了这两个依赖项 @babel/plugin-transform-destructuring 和 babel-plugin-transform-es2015-destructuring
• 但我仍然面临这些问题。
• 你能告诉我如何解决它。
• 在下面提供我的代码沙箱。

https://codesandbox.io/s/kt3kparcel-babel7-decorators-example-l9wxk

标签： javascriptreactjsreduxdeploymentbabeljs

Answer 1

添加正确的依赖项。并学习你正在使用的工具（npm、babel）

https://codesandbox.io/s/kt3kparcel-babel7-decorators-example-lgn78