react 項目支持 裝飾器寫法 Support for the experimental syntax 'decorators-legacy' isn't currently enabled

Support for the experimental syntax ‘decorators-legacy’ isn’t currently enabled
有道雲翻譯過來意思爲：目前還不支持實驗性語法“decorator -legacy”

其實大概意思就是裝飾器語法不支持唄！

報錯如下圖：

遇到問題，肯定第一時間百度，看大家有沒有遇到類似情況，如何解決的，

參考答案几乎都是：

npm install @babel/plugin-proposal-decorators

安裝後再package.json裏面加一句話（babel裏面plugins那句）：

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

我是也是直接把上面的複製到package.json 文件中，如下圖：

最終結局方案如下：

先把當前更改過的代碼提到git上（git add . ---- git commit -m “暫存一下”）

然後再 npm run eject

還是在package.json裏面加一句話（babel裏面plugins那句）：

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

這樣肯定就沒有問題了！
到底執行npm run eject，會發生什麼呢？？？

他會將原本creat react app對webpack，babel等相關配置的封裝彈射出來，如果我們要將creat react app配置文件進行修改，現有目錄下是沒有地方修改的，此時，我們就可以通過eject命令將原本被封裝到腳手架當中的命令彈射出來，然後就可以在項目的目錄下看到很多配置文件。