在 create-react-app 命令行構建的 React 項目中使用 Mobx 會出現如下警告：

Support for the experimental syntax 'decorators-legacy' isn't currently enabled (9:5):

需要啟用 ESNext 的裝飾器 (命令行中執行 mac 端)

先 git add .

git commit -am "Save before ejecting" (然后(注意這里是 am)

npm run eject

npm install --save-dev babel-plugin-transform-decorators-legacy (安裝該模塊中間可能有告警自行消除即可)

npm install --save-dev @babel/plugin-proposal-decorators

npm install --save-dev @babel/plugin-proposal-class-properties

在 package.json 里修改 babel 如下所示

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

按照以上步驟就可以開心的使用 Mobx

轉載于:https://www.cnblogs.com/zhourongcode/p/9875286.html

總結

以上是生活随笔為你收集整理的create-react-app 构建的项目使用 mobx (说到底就是为了使用装饰器语法对 babel 做些配置...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。