react-native使用mobx报错解决方案

1.前言

最近学习了mobx感觉很强大，想写个demo练练手，毕竟只有实践才能让你加深对它的领悟。我按照文档上的教程一步一步安装依赖，安装完了以后运行命令react-native run-android，谁知道竟然报错了，我大喊了三声纳尼！！！工程竟然跑不起来。我的步骤如下：

第一步 安装mobx：

npm i mobx mobx-react --save

第二步 安装支持 ES7 的 decorator 特性

npm i babel-plugin-transform-decorators-legacy babel-preset-react-native-stage-0 --save-dev

第三步 新建 .babelrc 文件配置 babel 插件，文件内容如下：

{

"presets": ["module:metro-react-native-babel-preset"],

"plugins": [

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

["@babel/transform-runtime", {

"helpers": true,

"regenerator": false

}]

]

}

2.解决方案

最后分析原因可能是react-native 0.57版本之后全面升级babel 7导致的，解决方法如下：

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

然后重新react-native run-android，项目就能跑起来了