У меня возникли проблемы с настройкой mobx
и mobx-react
в моем проекте, созданном с использованием react-native init
.У меня была очень похожая проблема при работе на моем физическом устройстве Android Samsung J7 Pro.
В конце концов, речь шла о неправильной установке mobx
.
Сначала я получил следующую ошибку черного экрана: https://i.stack.imgur.com/ExSlC.png
Затем через 1 ~ 2 секунды этот экран переходит к следующему: https://i.stack.imgur.com/D74Ia.png
MobX> = 5 не должен работать прямо на React Native Android.Тогда мне просто нужно было выполнить следующие шаги, чтобы запустить его:
brew install coreutils
npm install jsc-android --save
- Следуйте этим инструкциям (на Android Studio)
- Следуйте этому устранению неисправностей.(на Android Studio).Для меня это была жалоба на файл с именем
libjsc.so
. npm install --save-dev @babel/plugin-proposal-decorators
- измените мой файл babel.config.js на следующее содержимое:
module.exports = {
presets: ["module:metro-react-native-babel-preset"],
"plugins": [
["@babel/plugin-proposal-decorators", { "legacy": true }],
["@babel/plugin-proposal-class-properties", { "loose": true }]
]
}
Вот мой файл package.json:
{
"name": "mobx_testing",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node node_modules/react-native/local-cli/cli.js start",
"test": "jest"
},
"dependencies": {
"jsc-android": "^236355.1.1",
"mobx": "^5.9.0",
"mobx-react": "^5.4.3",
"react": "16.6.3",
"react-native": "0.58.5"
},
"devDependencies": {
"babel-core": "^7.0.0-bridge.0",
"babel-jest": "24.1.0",
"@babel/plugin-proposal-decorators": "^7.3.0",
"jest": "24.1.0",
"metro-react-native-babel-preset": "0.52.0",
"react-test-renderer": "16.6.3"
},
"jest": {
"preset": "react-native"
}
}