使用 create-react-app 设置 Mobx 时的问题

Question

我在使用 react 设置 Mobx 时遇到错误，谁能给我一个简单的步骤？我对 React 还很陌生，但我仍然对它附带的文件有所了解。

这是我所做的：

• 使用 create-react-app
• 退出的应用程序
• 运行 npm install --save mobx mobx-react
• 运行 npm install --save-dev @babel/plugin-proposal-decorators

• 然后我编辑了 package.json 文件：

     "babel": {
      "plugins": [
        "@babel/plugin-proposal-decorators"
      ],
      "presets": [
        "react-app"
      ]
    },
  

这是我遇到的问题：

我尝试了什么：

该错误似乎表明我需要在 node_modules\@babel\plugin-proposal-decorators\lib\index.js 中将 legacy 设置为 true。我试过了，但没有用。我在谷歌上搜索了这个问题，似乎它可能是 Babel 7 的问题？

Answer 1

您需要使用您在 package.json 中设置的配置来传递选项

{
 "plugins": [
    ["@babel/plugin-proposal-decorators", { "legacy": true }]
  ]
}

您可以在此处查看文档：https://babeljs.io/docs/en/next/babel-plugin-proposal-decorators.html