Desejo criar um monorepo com yarn para trabalhar com react-native, isto é necessário pois quero manter backend frontend e app no mesmo repositório. Meu problema ocorre ao carregar o app para meu emulador, vou descrever o que tenho até aqui.
Crio o projeto com o comando yarn react-native init App
dentro do diretório packages, em seguida removo o arquivo yarn.lock e o diretório node_modules de dentro do projeto recem criado. Volto a raiz do meu projeto e executo yarn
para que as dependências sejam reinstaladas.
Em seguida preciso alterar algumas configurações de caminhos para poder instalar o App no emulado, essas alterações consistem em incrementar "../../" nos arquivos descritos abaixo.
App/android/settings.gradle
apply from: file("../../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesSettingsGradle(settings)
App/android/app/build.gradle
apply from: file("../../../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGradle(project)
Os trechos descritos a cima correspondem ao resultado final após sua edição.
Agora posso executar yarn android
na aplicação e a mesma vai instalar meu App no emulador "corretamente".
Após instalar o App no emulado (ou antes disso, tenho ambas as tentativas), executo yarn start
para inicializar o bundle do meu App, esse comando executa sem nenhum erro (até aqui), mas quando executo o reload no meu app no emulador obtenho o seguinte erro:
error: Error: Unable to resolve module
@babel/runtime/helpers/interopRequireD
efault
from index.js
: @babel/runtime/helpers/interopRequireDefault could not be found within the project.
Apenas para destacar, o app foi instalado no emulador mas em nenhum momento executou corretamente, caso eu execute o bundle antes de instalar o app no mobile, após executar o yarn android
o aplicativo será aberto e o mesmo erro é emitido imediatamente no bundle.
Minha estrutura de diretórios é a seguinte:
node_modules
packages
- Server
- Web
- App
- - node_modulos
- - android
- - ios
- - package.json
- - *outros arquivos
package.json
yarn.lock
Alguns links me foram muito úteis, mas não resolveram meu problema
https://github.com/react-native-community/cli/issues/591
https://github.com/react-native-community/cli/issues/656
https://github.com/react-native-community/cli/issues/877
https://stackoverflow.com/questions/49373181/babel-preset-not-loading-on-monorepo-project
Dados do ambiente:
OS: Ubuntu 16.04 LTS
Yarn: 1.22.4
Emulador: Android Studio
Nota: o projeto funciona normalmente se seu não colocar o mesmo dentro da estrutura de monorepo do yarn, o que indica que não há qualquer problema com o emulador.
Agradeço muito se alguém puder dizer o que estou deixando passar aqui.