Não foi possível carregar o script dos ativos index.android.bundle no Windows

Estou tentando executar meu primeiro projeto React Native pela primeira vez no meu dispositivo (Android 4.2.2).

E eu recebo:

não é possível carregar o script dos ativos index.android.bundle

Comandos que eu usei:

1. cd (project directory)
2. react-native start
3. react-native run-android

Encontrei o mesmo problema ao seguir o tutorial React Native (desenvolvendo no Linux e direcionando o Android).

Esse problema me ajudou a resolver o problema nas etapas a seguir.

1. (no diretório do projeto) mkdir android/app/src/main/assets
2. 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
3. react-native run-android

Você pode automatizar as etapas acima colocando-as em scriptsparte da package.jsonseguinte maneira:

"android-linux": "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 && react-native run-android"

Então você pode simplesmente executar a npm run android-linuxpartir da sua linha de comando todas as vezes.

Se você estiver executando seu aplicativo no dispositivo físico e recebendo este erro

unable to load script from assets index.android.bundle

tente executar o comando:

adb reverse tcp:8081 tcp:8081

Funcionou para mim ...

Passei horas tentando descobrir esse problema. Meu problema não era específico para o Windows, mas é específico para o Android.

O acesso ao servidor de desenvolvimento funcionou localmente e no navegador do emulador. A única coisa que não funcionou foi acessar o servidor de desenvolvimento no aplicativo.

A partir do Android 9.0 (API nível 28), o suporte a texto não criptografado é desativado por padrão.

AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest ...>
    <uses-permission android:name="android.permission.INTERNET" />
    <application
        ...
        android:usesCleartextTraffic="true"
        ...>
        ...
    </application>
</manifest>

Veja para mais informações: https://stackoverflow.com/a/50834600/1713216

Usando o npm versão 4.3.0 react-native-cli versão 2.01 react-native versão 0.49.5

No diretório do projeto,

• mkdir android/app/src/main/assets
• 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
• react-native run-android

O nome do arquivo foi alterado de index.android.js para index.js

Eu enfrentei o mesmo problema com um dispositivo Android real.

Solução: Com base nesta resposta de Niltoid

1. Encontre o seu IP local
2. Abra o aplicativo e agite seu dispositivo Android
3. Vá Configuração do desenvolvedor e> Servidor de depuração ...
4. Cole seu IP e porta; XXXX: 8088 "(onde X é o seu IP local)

para usuários de Mac: abra sua preferência de rede, aqui você obterá seu IP local.

Se você estiver usando o Windows, execute os comandos da seguinte maneira ou se receber um erro "Não foi possível encontrar o arquivo de entrada index.android.js"

1. mkdir android\app\src\main\assets

2. 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

3. react-native run-android

Você pode seguir as instruções mencionadas na página oficial para corrigir esse problema. Esse problema ocorre no dispositivo real porque o pacote JS está localizado no seu sistema de desenvolvimento e o aplicativo dentro do seu dispositivo real não está ciente de sua localização.

Tive o mesmo problema no mac, depois de passar 2 dias, finalmente consegui obter está funcionando.

Desde então Emulator cellular data was turned off, eu estava recebendo o unable to load script from assets index.android.bundle make sure your bundle is running.

Certifique-se de que você Emulator cellular data is turned onexecutando este servidor de pacotes possa empacotar index.android.js. Espero que ajude alguém que está em fase de desenvolvimento.

Eu tenho esse mesmo problema há vários meses. Inicialmente, usei a solução do @ Jerry, no entanto, essa era uma resolução falsa, pois não solucionava completamente o problema. Em vez disso, o que ele fez foi usar cada compilação como uma compilação de produção, o que significa que qualquer pequena alteração feita no aplicativo significaria a necessidade de reconstruir o aplicativo inteiro.

Embora essa seja uma solução temporal, ela funciona horrivelmente a longo prazo, pois você não pode mais aproveitar as incríveis ferramentas de desenvolvimento do React Native, como recarga a quente, etc.

Uma solução adequada é mostrada:

No seu MainApplication.javaarquivo, substitua o seguinte:

@Override
public boolean getUseDeveloperSupport() {
    return BuildConfig.DEBUG;
}

com

@Override
public boolean getUseDeveloperSupport() {
    return true;
}

por alguma razão, BuildConfig.DEBUGsempre retornava false e resultava em um arquivo de pacote configurável no diretório de ativos.

Ao definir manualmente como true, você está forçando o aplicativo a usar o empacotador. Isso NÃO funcionará na produção, portanto, altere-o para falso ou o valor padrão.

Não esqueça também de correr

$ adb reverse tcp:8081 tcp:8081

1 Vá para o diretório do projeto e verifique se esta pasta existe android/app/src/main/assets

1. Se existir, exclua dois arquivos viz index.android.bundleeindex.android.bundle.meta
2. Se os ativos da pasta não existirem, crie o diretório de ativos lá.

2. No diretório raiz do projeto, faça

cd android && ./gradlew clean

3.Finalmente, volte ao diretório raiz e verifique se existe um único arquivo de entrada chamadoindex.js

• Se houver apenas um arquivo, por exemplo, index.js, execute o seguinte comando 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

• Se houver dois arquivos, por exemplo, index.android.js e index.ios.js, execute este react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

  4. Agora corra react-native run-android

SO: Windows

Outra maneira de resolver esse problema depois de tentar os dois métodos acima
(porque eu instalei o SDK não em DEFAULT LOCATION como C: \ users \ "user_name" \ appdata \ local \ sdk )

Se você notou que a linha de comando anunciou: "'adb' não é reconhecido como um comando interno ou externo ..."

Então é assim que eu supero:
Exemplos: instalei o SDK em D: \ Android \ sdk
Então, inserirei o caminho nas Variáveis ​​do sistema mais duas linhas:

D:\Android\sdk\tools  
D:\Android\sdk\platform-tools  

(Se você não sabe editar o caminho Variáveis ​​do sistema, veja o tópico: /android/38321/what-do-i-type-in-path-variable-for-adb- servidor para iniciar do cmd / 38324 )

Então eu corro o cmd novamente: react-native run-android

Funcionou para mim.

No meu caso, removi a linha abaixo do MainApplication.java. (Que foi adicionado por engano anteriormente por mim.) : -

importar com.facebook.react.BuildConfig;

Depois disso, limpe o projeto e pressione o comando

react-native run-android

Para IOS:

Em um terminal:

cd ios

Remova a pasta de compilação com: rm -r build

Corra novamente: react-native run-ios

Como alternativa, você pode abrir o Finder, navegar para YOUR_PROJECT / ios e excluir a pasta de compilação .

Em seguida, execute novamente: react-native run-ios

Para ANDROID:

Em um terminal:

cd android/app

Remova a pasta de compilação com: rm -r build

Corra novamente: react-native run-android

Como alternativa, você pode abrir o Finder, navegar para YOUR_PROJECT / android / app e excluir a pasta de compilação .

Em seguida, execute novamente: react-native run-android

Para esse problema, resolvo-o executando:

react-native start

então

adb reverse tcp:8081 tcp:8081

na linha de comando. E então eu posso correr:

react-native run-android

Portanto, não vou perder meu tempo para correr:

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

toda vez.

Eu também estava enfrentando esse problema porque, quando executo projetos no emulador, está funcionando bem, mas em um dispositivo real ele gera esse erro. Então, eu resolvo esse problema pela seguinte solução

1º passo: Antes de tudo, abra o cmd e vá para a pasta Ferramentas da plataforma do gerenciador do SDK

cd C:Development\Android\Sdk\Platform-tools

2º passo : agora execute este comando:

adb devices

após este comando, verifique seu dispositivo listado no prompt de comando

3º passo : agora execute este

adb reverse tcp:8081 tcp:8081

Agora sua configuração está concluída

4º passo : Vá para o diretório do projeto e execute este comando

react-native run-android

Ubuntu

pela primeira vez, criei um novo aplicativo com react-native init project-name. Eu recebi o mesmo erro. então eu faço as seguintes etapas para resolver isso no meu caso.

1. Em primeiro lugar, execute sudo chown user-name-of-pc /dev/kvmno meu caso.

2. Durante a depuração do seu telefone Android, selecione Use USB to Transfer photos (PTP).

3. Criar pasta assetsno nome do projeto / android / app / src / main

4. certifique-se de index.jsestar disponível no root diretório do projeto e execute o comando abaixo do console após o cd project-namediretório.

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

ou para index.android.js então

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

5. execute o comando ./studio.shno android-studio/bindiretório Ele abrirá o Android Studio.

6. executar comando react-native run-android.

Verifique se o Metro Builder está em execução para sincronizar o dispositivo físico e o servidor

Primeiro, execute este comando para executar o Metro Builder

início npm

Em seguida, você pode iniciar a construção em reagir nativo

react-native run-android

Desta vez, não deve haver erro. Se você deseja que seu código seja ativado, atualize as alterações. Agite seu dispositivo e toque em Ativar recarga ao vivo

Certifique-se de ter adicionado / path / to / sdk / platform-tools à sua variável de caminho.

Quando você executa o react-native run-android, ele executa o comando adb reverse tcp: <device-port> tcp: <local-port> para encaminhar a solicitação do seu dispositivo para o servidor em execução localmente no seu computador. Você verá algo assim se adb não for encontrado.

/bin/sh: 1: adb: not found
Starting the app (.../platform-tools/adb shell am start -n 
com.first_app/com.first_app.MainActivity...
Starting: Intent { cmp=com.first_app/.MainActivity }

Pode ser causado por ativos desvinculados na base de código do projeto React Native, como quando você renomeia o ID do aplicativo / pacote configurável do projeto ou adiciona um pacote externo sem vinculá-lo adequadamente, por exemplo.

Basta experimentá-lo no diretório raiz do projeto:

react-native link

react-native run-android

Se, ao executar o react-native run-androidcomando, a segunda linha do rastreio for

JS server not recognized, continuing with build...

isso significa que o empacotador do aplicativo não pode ser iniciado e o carregamento do aplicativo falhará sem algumas etapas extras. Observe que o final do rastreamento ainda informa sucesso:

BUILD SUCCESSFUL

O problema é provavelmente algum conflito de porta (no meu caso, era o site padrão do IIS que eu esqueci completamente). Outra manifestação do problema seria uma falha na aberturahttp://localhost:8081/debugger-ui URL no Chrome.

Depois que o conflito da porta for resolvido, o rastreio relatará

Starting JS server...

uma janela Nó adicional será aberta ( node ...cli.js start) e o aplicativo será carregado / recarregado com êxito.

Depois disso, você poderá abrir o console de depuração no Chrome com http://localhost:8081/debugger-ui.

Eu tive o mesmo problema, mesmo quando rodava em um simulador. Fiz uma solução rápida para ter o fluxo de trabalho normal do desenvolvedor.

private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
  @Override
  public boolean getUseDeveloperSupport() {
    // return true here to load JS from the packager
    // BuildConfig.DEBUG for me was set to false which meant it
    // it was always trying to load the assets from assets folder.
    return true;
  }

  @Override
  protected String getJSMainModuleName() {
    return "index";
  }
};

Provavelmente terá que reverter a alteração ao tentar fazer uma construção de produção.

Tive um problema com a McAfee na porta 8081 de bloqueio para mac, tive que alterá-la para 8082.

Primeiro, execute seu servidor de pacotes:

react-native start --port 8082

Abra outro terminal, inicie o aplicativo Android como de costume:

react-native run-android

Quando terminar, agora reescreva a porta tcp que adb encapsula:

adb reverse tcp:8081 tcp:8082

Veja a lista de túneis adb tcp:

adb reverse --list

Agora você deve ver uma mensagem emocionante:

(reverse) tcp:8081 tcp:8082

Vá para o seu aplicativo e recarregue, pronto!

PS: Não altere nada nas configurações do desenvolvedor do aplicativo. Se você adicionou "localhost: 8082", remova-o e deixe em branco.

EDIT: Para todas as vítimas da McAfee disponíveis, há uma solução mais fácil se você tiver acesso root, acabe temporariamente com o processo da McAfee na porta 8081 e sem a necessidade de alteração de porta:

sudo launchctl remove com.mcafee.agent.macmn

Eu acho que você não tem fio instalado, tente instalá-lo com chocolate ou algo assim. Ele deve ser instalado antes da criação do seu projeto (comando init react-native).

Não há necessidade de criar diretório de ativos.

Responda se não funcionar.

Edit: Na versão recente do react-native, eles o corrigiram. Se você deseja liberdade total neste nó de desinstalação completa (para desinstalação completa, remova o nó completamente, consulte este link) e reinstale o nó, react-native-cli e crie seu novo projeto.

não esqueça de ligar a internet no dispositivo emulador, resolvi novamente este erro, ele funciona perfeitamente: V recebo esse erro porque desligo a internet para testar o NetInfo: D

Esta é uma mensagem de erro geral que você pode ter encontrado durante o desenvolvimento do aplicativo nativo de reação. Portanto, neste tutorial, forneceremos a solução para esse problema.

Descrição do problema: Não é possível carregar o script dos ativos index.android.bundle no Windows Não é possível carregar o script dos ativos index.android.bundle no Windows

Siga as etapas abaixo para resolver o problema acima:

Etapa 1: Crie a pasta "assets" dentro do diretório do projeto Agora crie a pasta assets dentro do diretório do projeto "MobileApp \ android \ app \ src \ main". Você pode criar manualmente a pasta de ativos:

<OU>

você pode criar uma pasta usando o comando também. Comando: mkdir android / app / src / main / assets

Etapa 2: Executando o aplicativo React Native Vamos executar o comando abaixo para executar o aplicativo nativo do React no emulador ou dispositivo físico.

Alterne para o diretório do projeto. cd MobileApp

Execute o comando abaixo que ajuda a agrupar seu projeto de aplicativo Android.

pacote react-native --platform android --dev false --entry-file index.js - android-app de saída de pacotes / app / src / main / assets / index.android.bundle --assets-dest android / app / src / main / res

Execute a etapa Final para executar o aplicativo nativo de reação no emulador ou dispositivo físico. react-native run-android

<OU>

Além disso, você pode combinar os dois últimos comandos em um. Nesse caso, você deve executar o comando apenas uma vez.

pacote react-native --platform android --dev false --entry-file index.js - android-app de saída de pacotes / app / src / main / assets / index.android.bundle --assets-dest android / app / src / main / res && react-native run-android

<OU>

Você pode automatizar as etapas acima, colocando-as em scripts, parte do package.json, assim:

"android-android": "pacote react-native --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 && react-native run-android "

Se tudo estiver configurado corretamente, você verá o novo aplicativo em execução no emulador do Android em breve.

Siga isso, trabalhou para mim.

https://github.com/react-community/lottie-react-native/issues/269

Vá para o diretório do seu projeto e verifique se esta pasta existe android / app / src / main / assets i) Se existir, exclua dois arquivos viz index.android.bundle e index.android.bundle.meta ii) Se a pasta assetsn existir, crie o diretório de ativos lá.

No diretório raiz do projeto, faça o cd android && ./gradlew clean

Por fim, navegue de volta para o diretório raiz e verifique se existe um único arquivo de entrada chamado index.js i) Se houver apenas um arquivo, por exemplo, index.js, execute o comando react-native bundle --platform android --dev false - -entry-file index.js - android-app / src / main / assets / index.android.bundle - android -assets-dest android / app / src / main / res

ii) Se houver dois arquivos, por exemplo, index.android.js e index.ios.js, execute este pacote nativo do react --platform android --dev false - arquivo de entrada index.android.js --bundle-output android /app/src/main/assets/index.android.bundle --assets-dest android / app / src / main / res

Agora execute react-native run-android

Acabei de encontrar exatamente o mesmo problema e o resolvi. Então, espero ser útil.

Suponha que você esteja montando um pacote de aplicativos de liberação (.apk)

1. Verifique se a pasta de ativos existe ?: \ android \ app \ src \ main \ assets Caso contrário, crie uma.

2. Após executar o "Assemble Release", verifique se há algo nessa pasta (\ android \ app \ src \ main \ assets). Caso contrário, encontre o arquivo js bundle ( index.android.bundle ), que deve estar em mais de um os seguintes caminhos:

   * a) \ android \ app \ compilação \ intermediários \ funded_assets \ release \ out \ index.android.bundle

   b) \ android \ app \ build \ intermediates \ merged_assets \ release \ mergeReleaseAssets \ out \ index.android.bundle

   c) \ android \ app \ build \ intermediates \ assets \ release \ index.android.bundle

   d) \ android \ app \ build \ gerado \ assets \ react \ release \ index.android.bundle *

Uma maneira melhor é usar "Tudo" para pesquisar o nome do arquivo: index.android.bundle.

3. Em seguida, copie esse arquivo na pasta de ativos (\ android \ app \ src \ main \ assets \ index.android.bundle)

4. Volte para o PowerShell ou o console de comandos, execute:

react-native run-android --variant = lançamento

Deveria funcionar.

Boa sorte!

quando eu atualizo o react-native para 0.49.5, esse problema aparece e quando segui esta seção Alterações e descontinuações

desapareceu.

Estou enfrentando esse problema, muita pesquisa e resolvi esse problema.

c:\ProjectFolder\ProjectName> 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

Than Execute o nativo react:

c:\ProjectFolder\ProjectName>react-native run-android

Para todos vocês que estão desenvolvendo a partir de um aplicativo create-react-native-e ejetado, e têm esse problema development, é isso que funcionou para mim apenas um pequeno detalhe da resposta aceita

(no diretório do projeto) mkdir android / app / src / main / assets

aqui vem a parte que muda porque você está em desenvolvimento, livre-se dela --dev: false:

pacote react-native --platform android --entry-file index.js - android-app de saída de pacotes / app / src / main / assets / index.android.bundle - android-app de atributos / app / src / main / res

Depois disso, feche todos os terminais, apague a pasta de compilação do android / app / para garantir que você comece a limpar seu aplicativo, abra um novo terminal e

(no diretório do projeto) npm run android

solicitará o console do empacotador (em outro terminal) e criará com êxito