Question

我在本机应用程序中使用MobX。

升级到0.56后，我使用了以下答案中提供的解决方案：https://stackoverflow.com/a/51234815/5597641

但是，它不再适用于0.57。关于.babelrc配置的任何想法都会有所帮助...

Answer 1

一段时间后，我找到了使MobX与React Native 0.57一起工作的可行配置。问题在于0.57中引入了新的module:metro-react-native-babel-preset。我们需要使用@babel/plugin-transform-flow-strip-types插件来解决此问题...

这是有效的.babelrc配置

{ 
  "presets": ["module:metro-react-native-babel-preset"],
  "plugins": [
        ["@babel/plugin-transform-flow-strip-types"],
        ["@babel/plugin-proposal-decorators", { "legacy": true}],
        ["@babel/plugin-proposal-class-properties", { "loose": true}]
    ]
}

和package.json依赖项：

"dependencies": {
    "babel-plugin-transform-flow-strip-types": "^6.22.0",
    "mobx": "^5.5.0",
    "mobx-react": "^5.2.8",
    "mobx-state-tree": "^3.5.0",
    "native-base": "^2.8.1",
    "react": "16.5.0",
    "react-native": "0.57.1",
  },
  "devDependencies": {
    "@babel/plugin-proposal-class-properties": "^7.1.0",
    "@babel/plugin-proposal-decorators": "^7.1.2",
    "babel-jest": "23.6.0",
    "jest": "23.6.0",
    "metro-react-native-babel-preset": "0.48.0",
    "react-test-renderer": "16.5.0"
  }

在安装所需的依赖项之后，请遵循以下注释https://github.com/facebook/react-native/issues/20150#issue-340235017

中的解决方法2 。

如何在React Native 0.57中将MobX与装饰器一起使用？

1 个答案: