Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
React Native no Emulador Android Studio com WSL2

PROJETOS REACT-NATIVE RODANDO NO WSL2 UBUNTU 20.04 COM API BACKEND

📆 Artigo escrito dia: 03/09/2020 📆 Artigo atualizado dia: 10/10/2020

Minhas especificações: Microsoft Windows 10 Enterprise Versão 2004 (Compilação 19041.450). WSL2 - Ubuntu 20.04.

INDÍCE

INTRODUÇÃO

Aqui segue as instruções para poder utilizar o emulador do Android no WSL2, e também poder utilizar APIs backend conectando com o aplicativo no emulador sem erros. Certifique-se de ter instalado o Android Studio no Windows com todas as variáveis de ambiente configuradas corretamente, não vou cobrir isso aqui, porque o artigo já vai ficar longo e ficaria muito conteúdo, acredito que se você está buscando como uttilizar o react-native no wsl você deve ter um ambiente no Windows já configurado, portanto vou pular essa parte. Instale o WSL2 e obtenha o Ubuntu 20.04, configure a parte estética com os plugins zsh e etc, instale as ferramentas NVM, NodeJs e etc... Novamente não vou cobrir isso aqui, existem conteúdos muito bons ensinando a configurar o Ubuntu e o WSL2 na internet, recomendo esse curso aqui, que ensina a configurar o ambiente wsl2 completo: Curso Willian Justen - Criando ambiente WSL2

Estou escrevendo este tutorial porque eu fiquei 2 dias tentando solucionar esse problema e não encontrei absolutamente nada efetivo, encontrei conteúdos que me ajudaram? sem dúvida! no final do post deixo os créditos de referência, de onde encontrei ajuda. O que fiz foi juntar pedaços de diferentes artigos para poder chegar em uma solução realmente funcional, depois de muitos testes eu 🤸‍♂️ CONSEGUI!!! 🤸‍♂️ quase desisti 2 vezes 🤦‍♂️, mas sou brasileiro e não desisto nunca 😎. Agora tenho o ambiente NodeJS super completo no WSL2 Ubuntu 20.04.

Tentei deixar o mais claro e detalhado possível para que até pessoas sem muita experiência consigam seguir o tutorial com sucesso. Lembrando que caso você tenha algo a acrescentar ao artigo, alguma melhoria, resolução de problemas, erros que você enfrentou e não estão descritos aqui é só falar comigo que eu vejo se é possível atualizar o artigo.

Sem enrolação vamos ao tutorial:

Após isso, vamos configurar o Android Studio no Ubuntu 20.04 WSL2.

PASSO 1º

Liberar o wsl2 no Windows Defender e as portas no Firewall do Windows

Antes de prosseguir nós precisamos liberar permissões para o WSL no Windows. Para isso abra o Windows defender, só digitar Segurança do Windows na pesquisa do Windows. Vá em Proteção contra vírus e ameaças / Configurações de Proteção contra vírus e ameaças / Exclusões [ IMPORTANTE!!! ] Essa exclusão é necessária senão o sistema não vai funcionar. Você deve clicar em “Gerenciar configurações” e procure “Exclusões”, clicando em “Adicionar ou remover exclusões. Em seguida adicione a pasta C:\Users<USUARIO>\AppData\Local\Packages\CanonicalGroupLimited.Ubuntu20.04onWindows_..., resultando nisso:

alt text

E também libere nas regras de firewall do Windows as portas: 8081, 3333, 3000.

PASSO 2º

Instalação das ferramentas do Android sdk no wsl2

Agora vamos instalar as ferramentas necessárias do Android no Ubuntu 20.04 WSL2, para isso execute os comandos a seguir na linha de comando do Ubuntu WSL2 pelo Windows Terminal.

# 1º Caso não esteja na home do seu user Linux navegue até ela (caso já esteja ignore este passo):
cd /home/<user>/

# 2º Instale o unzip:
sudo apt install unzip

# 3º Faça o download do pacote atual de command line tools Android ( verifique qual o pacote mais atual 
# aqui: https://developer.android.com/studio e mude a versão do pacote no comando caso esteja depreciado):
wget https://dl.google.com/android/repository/commandlinetools-linux-6609375_latest.zip

# 4º Descompacte o arquivo no diretório ao mesmo tempo que irá cria-lo.
unzip commandlinetools-linux-6609375_latest.zip -d Android

# 5º Remova o arquivo .zip que você acabou de baixar e descompactar, pois não é mais necessário.
rm -rf commandlinetools-linux-6609375_latest.zip

# 6º Instale o JDK do Java e o emulador
sudo apt install -y lib32z1 openjdk-8-jdk

# 7º Setando a variável de ambiente do Java
export JAVA_HOME=/usr/lib/jvm/java-8-openjdk-amd64

# 8º Setando a variável de ambiente do Java
export PATH=$PATH:$JAVA_HOME/bin

# 9º Exportando as variáveis de ambiente para o arquivo .bashrc
printf "\n\nexport JAVA_HOME=/usr/lib/jvm/java-8-openjdk-amd64\nexport PATH=\$PATH:\$JAVA_HOME/bin" >> ~/.bashrc

# 10º ⚠[IMPORTANTE!!!]⚠ verifique se o java foi instalado corretamente com 
java -version

# 11º ⚠[IMPORTANTE!!!]⚠ E verifique se as variáveis de ambiente estão inseridas em ambos arquivos .bashrc e .zshrc 
# caso você utilize o zsh, se faltar em algum insira manualmente para que ambos sistemas tenham acesso ao Java.

# 12º ⚠[IMPORTANTE!!!]⚠ Nesta parte é necessário criar a pasta cmdline-tools e colocar a pasta tools dentro dela, 
# porque o diretório originalmente não tem essa pasta, e sem ela ocorre erro ao executar o próximo comando de 
# instalação do plataform-tools. O caminho do diretório original caso o comando 4º não der certo vai ser esse:
Android/tools/bin

# Crie o diretório cmdline-tools
mkdir cmdline-tools

# Mova a pasta tools para dentro da cmdline-tools
mv tools cmdline-tools

# Navegue até este diretório
cd Android/cmdline-tools/tools/bin

# 13º [Verifique no site: https://developer.android.com/studio/command-line/sdkmanager qual a versão mais 
# atual para instalação.] E execute este comando abaixo
./sdkmanager --install "platform-tools" "platforms;android-28" "build-tools;29.0.2"

# 14º  Criando as variáveis de ambiente do Android, copie e cole essas variáveis de ambiente nos arquivos 
# .zshrc e .bashrc, faça isso manualmente.
export ANDROID_HOME=/home/<seu_user_linux>/Android
export PATH=$PATH:$ANDROID_HOME/emulator
export PATH=$PATH:$ANDROID_HOME/tools
export PATH=$PATH:$ANDROID_HOME/tools/bin
export PATH=$PATH:$ANDROID_HOME/platform-tools

# Reinicie o terminal para validar as alterações ou faça o source para atualizar os arquivos.

# 15º Ainda no diretório 'Android/cmdline-tools/tools/bin' Uma vez que o comando android está obsoleto, o 
# comando abaixo:
android update sdk --no-ui # deve ser substituído por:
sdkmanager --update

# 16º Instale o Gradle
sudo apt install gradle

# 17º Verifique a versão do Gradle
gradle -v

A partir de agora você já deve ter uma AVD no Android Studio do Windows, se ainda não, crie uma AVD para testarmos tudo daqui para a frente.

PASSO 3º

Habilitar acesso ao servidor adb no wsl2

Precisamos habilitar o acesso ao servidor adb no wsl2, para isso cole a seguinte variável de ambiente nos arquivos .bashrc e .zshrc:

export WSL_HOST=$(tail -1 /etc/resolv.conf | cut -d' ' -f2)
export ADB_SERVER_SOCKET=tcp:$WSL_HOST:5037

Salve o arquivo e atualize ou feche o terminal para a alteração fazer efeito.

PASSO 4º

Linkar a rede do wsl2 para conectar portas

[ IMPORTANTE!!! ] Antes de seguir veja essa observação

[ OUTRA NOTA IMPORTANTE!!! ] Cada vez que você reiniciar o sistema Windows o IP do Ubuntu WSL2 vai mudar, por isso é necessário repetir este procedimento a cada reinicialização do sistema, a não ser que alguém consiga setar o IP do WSL2 como estático, que é uma outra issue bem procurada para ser resolvida.

Não basta apenas executar um projeto react-native no emulador a partir do wsl2, os projetos possuem conexões de backend que utilizam portas para se comunicar entre serviços, e para que essa comunicação funcione corretamente no wsl precisamos linkar a rede do wsl2 habilitando as portas desejadas, utilizando o IP da máquina WSL2. Para isso vamos utilizar esse script abaixo:

# No script onde está com < > é para adicionar as suas informações, e remova as < > quando editar.
netsh interface portproxy add v4tov4 listenport=<PORTA_DESEJADA> listenaddress=0.0.0.0 connectport=<PORTA_DESEJADA> connectaddress=<IP_WSL>

#Para fazer o procedimento, abra um terminal do wsl2 ubuntu e digite o comando:
# Esse comando vai mostrar para você o IP da máquina WSL2.
ip addr | grep eth0

Veja o resultado do comando acima:

alt text

No caso acima vamos utilizar o IP: 172.28.76.189 que corresponde somente a minha máquina aqui, verifique o seu. Abra o Powershell em modo de administrador, e edite o comando para podemos habilitar as portas desejadas, neste caso eu vou habilitar a porta 3333, que é muito utilizada em backend NodeJS, para conexão de API, principalmente o Axios. Veja o comando modificado:

netsh interface portproxy add v4tov4 listenport=3333 listenaddress=0.0.0.0 connectport=3333 connectaddress=172.28.76.189

Cole no terminal e aperte enter para executar o comando, se for bem sucedido ele não retorna nenhuma resposta de sucesso, apenas é executado sem avisos. Feito isso está tudo certo para você poder utilizar o seu aplicativo com uma API backend, os links de APIs que fazem conexão com o emulador do Android continuam sendo feitos com o IP padrão 10.0.2.2. Como por exemplo o Axios que você precisa para configurar a sua conexão com a API e seus front-ends e apps, veja um exemplo de configuração do Axios no meu projeto de teste:

import axios from 'axios';

const api = axios.create({
  baseURL: 'http://10.0.2.2:3333',
});

export default api;

/**
 * Como linkar a baseURL nos dispositivos android e emuladores:
 * 
 * iOS com emulador: localhost
 * iOS com dispositivo físico: IP da máquina
 * Android com emulador: localhost (adb reverse)
 * Android com emulador IP: 10.0.2.2 (Android Studio)
 * Android com emulador IP: 10.0.3.2 (Genymotion)
 * Android com dispositivo físico: IP da máquina 
 */

Repare que existem diferentes baseURLs para trabalhar no Axios, utilizando o Android Studio utiliza-se o IP 10.0.2.2, não fiz nenhuma alteração para trabalhar com esse projeto no Ubuntu WSL2, apenas fiz o build no ubunt, está idêntico ao utilizado no ambiente de desenvolvimento do Windows 10. E funciona no Ubuntu WSL2, realizando este procedimento. Você pode utilizar o mesmo comando para liberar outras portas, como por exemplo, 3000, 3390 etc. Libere de acordo com a sua necessidade.

PASSO 5º

Executando um projeto react-native no wsl2

Agora inicie um dispositivo virtual avd no Windows, seja pelo Android Studio ou pelo cmd do Windows mesmo, não importa apenas inicie um avd. [ IMPORTANTE!!! ] O emulador do Android tem que estar aberto e ativo primeiramente, antes do próximo passo, se fizer o próximo passo sem o emulador estar aberto ativo, não vai dar certo o próximo comando.

alt text

Agora vamos precisar de 3 terminais abertos 1 do Powershell e dois Linux Ubuntu.

No terminal do Powershell inicie o servidor adb no Windows:

adb kill-server
adb -a nodaemon server start

alt text

Deixe esse prompt powershell sempre aberto, não o feche enquanto estiver trabalhando no seu projeto Android.

Agora crie um projeto React Native no seu Ubuntu WSL2:

npx react-native init SeuProjeto

depois de criar o projeto abra dois terminais do ubuntu e navegue até o diretório raiz desse projeto react-native que você criou, nos dois terminais.

No primeiro terminal execute o comando:

npx react-native start --host 127.0.0.1

alt text

Deixe esse terminal executando esse comando e não mecha ou feche esse terminal.

Vá para o segundo terminal e execute o comando:

npx react-native run-android --variant=debug --deviceId emulator-5554

alt text

Se deu tudo certo até esta etapa você vai ver o projeto ser aberto no emulador avd do android no Windows. Pode ser que apareça uma tela branca e pode demorar um pouco para iniciar, mas ele compila e inicia, veja:

alt text

Executando servidor backend e consumindo pelo app

Agora como já mepeamos a porta 3333 no passo 4º, você pode executar um projeto react-native que consome um backend, basta abrir mais um terminal e executar o seu projeto backend normalmente. Como estamos utilizando aqui o emulador do Android Studio, ele utiliza o host de mapeamento 10.0.2.2, pode continuar utilizando esse host que vai funcionar normalmente, aqui eu testei com uma api que utiliza o Axios, veja o sistema com a conexão funcionando:

alt text

Veja também o Metro Bundle funcionando 100%, criando o bulid a cada alteração feita e gerando os logs.

alt text

Portanto basta continuar trabalhando normalmente nos seus projetos, caso precise liberar outra porta, basta repetir o PASSO 4º e adicionar a porta que você precisa.

EXTRAS

Conectando API Local Json-Server

Para podermos utilizar o Json-Server no WSL2, precisamos modificar o host que ele se conecta, que por padrão é o localhost, se utilizarmos o padrão no WSL2 a conexão não irá funcionar, por isso é preciso redirecionar o host de conexão. Como mapeamos as portas nas etapas anteriores o host 0.0.0.0 é onde vamos nos conectar no Json-Server, com isso ele irá se conectar nos redirecionamentos de porta que fizemos nas etapas anteriores.

Utilizando este código:

yarn json-server -H 0.0.0.0 -w server.json -p 3333

O server.json é apenas o arquivo onde você tem os dados dos objetos que você vai popular a api fake. E se você digitar o endereço http://localhost:3333 no navegador do Windows a API irá funcionar, e ela também irá funcionar no WSL2 e no emulador adb que está utilizando a porta 10.0.2.2.

Veja como na imagem abaixo: alt text

Resolvendo erro Unable to load script from assets index android bundle Make sure

Para não ter problemas e caso ocorra este erro ao tentar buildar um app no emulador avd, veja o erro:

alt text

Esse erro geralmente acontece porque o sistema não conseguiu criar o bundle inicial que contém todo o código Javascript da aplicação. Para resolver comece criando uma pasta assets dentro da pasta do seu projeto react-native:

android/app/src/main

Logo após, execute o comando:

npx react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/

Agora, feche as abas do terminal e execute novamente o comando:

npx react-native run-android --variant=debug --deviceId emulator-5554

Caso ainda haja erro, para garantir feche todos os terminais, desinstale o app do emulador, feche o emulador e inicie novamente.

Resolvendo erro Error Duplicate resources

Esse erro pode acontecer após resolver o erro Unable to load script from assets 'index.android.bundle'. Make sure...

alt text

para resolver basta entrar no diretório do seu projeto react-native:

android\app\src\main\res

E deletar o conteúdo dentro destas pastas, mas somente o conteúdo dentro e não a pasta em si:

drawable-mdpi
mipmap-xhdpi
mipmap-xxhdpi
raw

[IMPORTANTE] antes de deletar o conteúdo destas pastas descritas acima, leia o log de erro e veja se o caminho da pasta é referido no log de erro, se alguma não estiver no log pode deixar intacta, por isso é bom prestar atenção no log de erro.

OBSERVAÇÕES

Sem o mapeamento das portas 8081, 3333, por esse script que vi na maioria dos tutoriais e artigos, veja:

iex "netsh interface portproxy delete v4tov4 listenport=8081 listenaddress=127.0.0.1" | out-null;
$WSL_CLIENT = bash.exe -c "ifconfig eth0 | grep 'inet '";
$WSL_CLIENT -match '\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}';
$WSL_CLIENT = $matches[0];
iex "netsh interface portproxy add v4tov4 listenport=8081 listenaddress=127.0.0.1 connectport=8081 connectaddress=$WSL_CLIENT"

O Metro Bundle faz o build de forma normal, com os logs e funcionalidades tudo ok, atualiza a cada edição nos arquivos do projeto fazendo o build automaticamente. Porém se você fazer o mapeamento utilizando o script acima o Metro Bundle não funciona, somente fica no início e não faz build automático, você edita um arquivo, salva e ele não faz build automático. Portanto não utilize este script, pois ele é inutil, pelo menos para mim aqui no meu sistema. Caso você tenha executado esse script nas tentativas passadas de fazer funcionar, recomendo limpar os mapeamentos que você fez com esse script antes de fazer o passo 4º.

Abra o Powershell como administrador. Primeiro verifique se você possui mapeamentos de portas, com este comando:

netsh interface portproxy show all

Se você tiver algum mapeamento depois de verificar com o comando acima, limpe tudo executando o comando:

netsh interface portproxy reset

Voltar para o PASSO 4º

REFERÊNCIAS

Aqui estão os links dos artigos, blogs onde encontrei soluções para os problemas.

Building a react native app in WSL2

Ambiente de Desenvolvimento (React e React Native) no Windows com WSL

Android Emulator connecting to node server in WSL2

WSL 2 TPC NETWORK FORWARDING

wsl2-hacks

WSL 2 Networking

@UrquizaN

This comment has been minimized.

Copy link

@UrquizaN UrquizaN commented Sep 26, 2020

Cara, muito obrigado!! Estava a 3 dias tentando fazer rodar React Native no WSL2! Olhei todos os tutoriais possíveis e nenhum tinha dado certo. Me tira uma dúvida, sempre que eu for criar e rodar outro projeto, preciso abrir e rodar os 3 terminais?

@georgealan

This comment has been minimized.

Copy link
Owner Author

@georgealan georgealan commented Sep 26, 2020

Cara, muito obrigado!! Estava a 3 dias tentando fazer rodar React Native no WSL2! Olhei todos os tutoriais possíveis e nenhum tinha dado certo. Me tira uma dúvida, sempre que eu for criar e rodar outro projeto, preciso abrir e rodar os 3 terminais?

Olá, fico feliz que você tenha conseguido, realmente eu também fiquei alguns dias tentando fazer funcionar. E sim para cada projeto você tem que ter os terminais correspondentes abertos, um é o do Windows, e o restante é do Linux, 1 para o Metro Bundler, 1 do App e caso você vá consumir um backend mais um para o back. E a cada reinicialização do Windows o IP do WSL2 muda como eu expliquei no tutorial.

@Kastango

This comment has been minimized.

Copy link

@Kastango Kastango commented Oct 9, 2020

Cara, poderia me ajuda? depois de ter executado o comando no PS, dado yarn react-native start --host 127.0.0.1 n saio disso aqui
image

@georgealan

This comment has been minimized.

Copy link
Owner Author

@georgealan georgealan commented Oct 9, 2020

Cara, poderia me ajuda? depois de ter executado o comando no PS, dado yarn react-native start --host 127.0.0.1 n saio disso aqui
![image](https://user-images.githubusercontent.com/21091242/95546895-154ebe00-09d8-11eb-8899-e9183b9e4906.

Olá! por algum motivo não está sendo detectado o seu adb, você pode tentar o seguinte, lá no AVD manager, no seu virtual device da um Wipe Data nele, isso vai zerar os dados que possivelmente estão com algum conflito, corrompido etc, é como zerar o cache. Depois disso certifique-se de que após executar o device virtual vá no prompt de comando e verifique se o adb está executando como device com o comando:

adb devices

Se o comando retornar isso:

List of devices attached emulator-5554 device

Na teoria está tudo certo e tem que funcionar, caso não esteja device mas esteja offline deste modo:

List of devices attached emulator-5554 offline

Você tem que corrigir, geralmente limpando o Wipe Data já resolve, caso mesmo limpando o Wipe Data não resolver o device offline, tente deletar essa antiga AVD e criar uma nova e tentar novamente, as vezes é problema na AVD mesmo, e criando uma nova resolva. Veja alguns issues no Stackoverflow com esse problema:
https://stackoverflow.com/questions/3152681/android-emulator-5554-offline
https://stackoverflow.com/questions/42611692/android-device-monitor-emulator-5554-offline/48687054

Também vi que você não utiliza o npx nos comados, recomendo utilizar os comandos com o npx, porque há muitos erros ocorrendo com a utilização de pacotes globais, utilizar o npx é bem melhor.

@CodeSammich

This comment has been minimized.

Copy link

@CodeSammich CodeSammich commented Dec 14, 2020

Hi! Thanks for the guide. Just a heads up, all of your commands have extra spaces, which makes it very confusing. Please fix them, thank you!

@georgealan

This comment has been minimized.

Copy link
Owner Author

@georgealan georgealan commented Dec 14, 2020

Hi! Thanks for the guide. Just a heads up, all of your commands have extra spaces, which makes it very confusing. Please fix them, thank you!

Thank you for letting me know! I'll check.

@midorimici

This comment has been minimized.

Copy link

@midorimici midorimici commented Mar 15, 2021

Hi! Thank you for writing this.
I think I have followed the descriptions, but get this error.

1

These are outputs of some commands of that time.

image

image

(リッスン means listen and 接続 means connect)

I noticed that the address here and the address in $ADB_SERVER_SOCKET are different, so I tried to set $ADB_SERVER_SOCKET to the output of ip addr, as tcp:172.25.95.61:5037 , but then another error occurs...

image

The output of adb -a nodaemon server start seems different from the image on your post (already offline?). I'm not sure if this matters.

image

I deleted AVD and recreated it but have the same error.

Environment:
Windows 10 Home - 2004 - 64 bit
WSL 2
Ubuntu 20.04.1 LTS
"FairiesChess" is my project created by npx react-native init

Any ideas? Thank you!

@georgealan

This comment has been minimized.

Copy link
Owner Author

@georgealan georgealan commented Mar 15, 2021

Hi! Thank you for writing this.
I think I have followed the descriptions, but get this error.
Any ideas? Thank you!

Hello, this may be happening for many reasons, the most likely is that there may be more than one adb running at the same time, you can try to take a look at this post, it is in the pt-br language but I think it can help you in this problem.
There may be conflicts in instances of the adb server, check for duplicates and use only one.

LINK CAN BE HELP YOU:
https://qastack.com.br/programming/5092542/adb-server-version-doesnt-match-this-client

@midorimici

This comment has been minimized.

Copy link

@midorimici midorimici commented Mar 17, 2021

There may be conflicts in instances of the adb server, check for duplicates and use only one.

Oh, that reminded me that I had mistakenly installed adb into WSL2 by sudo apt-get install android-tools-adb, so I tried these commands in WSL to uninstall it:

$ sudo apt-get purge android-tools-adb
$ sudo apt-get purge adb
$ which adb
/home/mici/Android/platform-tools/adb

It seems that adb created by sdkmanager --install still remains in WSL.
I tried to kill server, but fails:

image

I noticed that platform-tools folder is somehow duplicated as platform-tools-2, and get warning when running sdkmanager.

Warning: Observed package id 'platform-tools' in inconsistent location '/home/mici/Android/platform-tools-2' (Expected '/home/mici/Android/platform-tools')
Warning: Already observed package id 'platform-tools' in '/home/mici/Android/platform-tools'. Skipping duplicate at '/home/mici/Android/platform-tools-2'

so I deleted these folders and reinstall platform-tools:

$ sdkmanager --uninstall "platform-tools"
$ rm -r ~/Android/platform-tools-2/
$ ls ~/Android/
build-tools   cmdline-tools   emulator   licenses   patcher   platforms   tools

# no adb is in WSL anymore.
$ adb.exe version
Android Debug Bridge version 1.0.41
Version 31.0.0-7110759
Installed as C:\Users\<username>\AppData\Local\Android\Sdk\platform-tools\adb.exe

$ sdkmanager --install "platform-tools"
Warning: File /home/mici/.android/repositories.cfg could not be loaded.
[=======================================] 100% Unzipping... platform-tools/systr
$ sdkmanager
Warning: File /home/mici/.android/repositories.cfg could not be loaded.
[=======================================] 100% Computing updates...

# Another warning occurs.
# I made new file to avoid this warning.
$ touch ~/.android/repositories.cfg
$ sdkmanager
[=======================================] 100% Computing updates...
$ adb version
Android Debug Bridge version 1.0.41
Version 31.0.0-7110759
Installed as /home/mici/Android/platform-tools/adb

However, adb kill-server still fails as the same.

image

I tried to delete ~/Android/ and reinstall it. For some reason sdkmanager --install of the latest version automatically makes platform-tools-2

$ ./sdkmanager --install "platform-tools" "platforms;android-28" "build-tools;29.0.2"
# License agreement...
Accept? (y/N): y
Warning: Package "com.android.repository.impl.generated.v1.RemotePackage@5f56a566" (platform-tools) should be installed in
"/home/mici/Android/platform-tools" but
it already exists.
Installing in "/home/mici/Android/platform-tools-2" instead.
[=======================================] 100% Unzipping... platform-tools/systr

so instead of the latest version, I got the same version in this post (commandlinetools-linux-6609375_latest.zip) and sdkmanager install, update .... Warning desappears but adb still fails with same message: Connection time out.

I suppose that adb doesn't output such a message if everything works correctly?
I can't make out what to do next...😭

@midorimici

This comment has been minimized.

Copy link

@midorimici midorimici commented Mar 18, 2021

Finally I could solve this problem!

npx react-native run-android seems to use adb in ~/Android/platform-tools/adb, so I tried these commands:

$ cd ~/Android/platform-tools/

# invalidate adb in WSL
$ mv adb adb2

# use adb of windows instead
$ ln -s /mnt/c/Users/<username>/AppData/Local/Android/Sdk/platform-tools/adb.exe adb

And after that, everything works as right as a trivet.

react native

I found out that with this method passo 3 and 4 is not necessary, at least in my environment.
It means that there is no need to set env var $ADB_SERVER_SOCKET and netsh interface portproxy add.

@carlbleick

This comment has been minimized.

Copy link

@carlbleick carlbleick commented Mar 19, 2021

Finally I could solve this problem!

npx react-native run-android seems to use adb in ~/Android/platform-tools/adb, so I tried these commands:

$ cd ~/Android/platform-tools/

# invalidate adb in WSL
$ mv adb adb2

# use adb of windows instead
$ ln -s /mnt/c/Users/<username>/AppData/Local/Android/Sdk/platform-tools/adb.exe adb

And after that, everything works as right as a trivet.

I found out that with this method passo 3 and 4 is not necessary, at least in my environment.
It means that there is no need to set env var $ADB_SERVER_SOCKET and netsh interface portproxy add.

Thanks, that helped to get rid of the error. I am just a bit confused as everything is working except this last one:

adb: failed to stat /mnt/d/react-native/ReactNativeTest/android/app/build/outputs/apk/debug/app-debug.apk: No such file or directory
error Failed to install the app on the device.
Error: Command failed: /home/cydus/Android/platform-tools/adb -s emulator-5554 install -r -d /mnt/d/react-native/ReactNativeTest/android/app/build/outputs/apk/debug/app-debug.apk

image

It appears to me that it fails when using the path /mnt/c, but I cant figure to find a workaround
image

@midorimici

This comment has been minimized.

Copy link

@midorimici midorimici commented Mar 23, 2021

I am just a bit confused as everything is working except this last one:

Is your project directory in /mnt/d/? If so, try to make project in wsl directory such as /home/<username>/.

@pithesun

This comment has been minimized.

Copy link

@pithesun pithesun commented Apr 29, 2021

Thank you so much. You saved my Thursday

@fzsdev

This comment has been minimized.

Copy link

@fzsdev fzsdev commented Jun 22, 2021

Cara, até agora esse foi o mais completo tutorial de como rodar um projeto, até então eu estava tendo mto problema com o adb não conectar e etc...
Mas eu ainda continuo com um problema, o carregamento trava e não "manda" para o emulador do android
Vc saberia o pq disso e como resolver?
image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment