React-Native: erro no aplicativo não foi registrado

Atualmente, estou passando pelos tutoriais do React-Native. Comecei com o tutorial de Introdução, onde criei um novo projeto nativo de reação e consegui executá-lo com êxito no meu dispositivo.

Iniciei o tutorial Props , copiei o trecho de código e tentei executar o projeto novamente e a seguinte mensagem de erro apareceu na minha tela:

Eu acho que é um erro causado por não corresponder o nome do projeto e o seu componente registrado.

Você iniciou o projeto com um nome, ou seja,

react-native init AwesomeApp

Mas no seu arquivo index.ios.js você registra outro componente

AppRegistry.registerComponent('Bananas', () => Bananas);

Quando deve ser

AppRegistry.registerComponent('AwesomeApp', () => Bananas);

Tente consertar.

Na maioria das vezes, o problema é que você tem outro react-native startservidor (por exemplo, React Native Packager) em execução em outro terminal ou em outra guia do TMUX (se você estiver usando o TMUX).

Você precisa encontrar esse processo e fechá-lo; portanto, após a execução, react-native run-iospor exemplo, ele estabelecerá um novo servidor de empacotador registrado para esse aplicativo específico.

Basta encontrar esse processo usando:

ps aux | grep react-native

encontre a identificação do processo (PID) e mate o processo do empacotador usando o killcomando (por exemplo kill -9 [PID]). Você deve encontrar o launchPackager.commandaplicativo no macOS, sem ter certeza dos outros sistemas operacionais.

Em seguida, tente executar o run-ios(ou android) novamente. Você poderá ver o novo caminho depois de executar o novo servidor de empacotador, por exemplo:

Looking for JS files in
   /Users/afshin/Desktop/awesome-app 

Modifique MainActivityassim,

@Override
protected String getMainComponentName() {
    return "Bananas"; // here
}

Minha solução é alterar o nome do módulo em "AppDelegate.m"

de moduleName:@"AwesomeProject"

para moduleName:@"YourNewProjectName"

Antes de tudo, você deve iniciar seu aplicativo:

react-native start

Em seguida, você deve definir o nome do aplicativo como o primeiro argumento de registerComponent.

Funciona bem.

AppRegistry.registerComponent('YourProjectName', () => YourComponentName);

Por favor, verifique seu arquivo app.json no projeto. se não houver appKey de linha, você deve adicioná-lo

{
  "expo": {
    "sdkVersion": "27.0.0",
    "appKey": "mydojo"
  },
  "name": "mydojo",
  "displayName": "mydojo"
}

No meu caso, há esta linha no MainActivity.java que estava faltando quando eu usei o react-native-renamecli (do NPM)

protected String getMainComponentName() {
    return "AwesomeApp";
}

Obviamente, você deve renomeá-lo para o nome do seu aplicativo.

Eu acho que o servidor do nó está sendo executado em outra pasta. Então mate-o e corra na pasta atual.

Encontre o servidor do nó em execução: -

lsof -i :8081

Mate o servidor do nó em execução: -

kill -9 <PID>

Por exemplo:-

kill -9 1653

Inicie o servidor do nó da pasta nativa de reação atual: -

react-native run-android

Eu tive o mesmo problema e, para mim, a causa raiz foi que eu executei (reativar nativo) o empacotador de outra pasta reativa nativa (AwesomeApp), enquanto criava outro projeto em outra pasta.

A execução do empacotador no diretório do novo aplicativo o resolveu.

Isso também pode ocorrer porque o nome do componente raiz começa com letras minúsculas.

Corrija-o ou crie o projeto novamente com o nome PascalCase.

por exemplo, acenda o novo HelloWord

Todas as respostas dadas não funcionaram para mim.

Eu tinha outro processo de nó em execução em outro terminal, fechei o terminal de comando e tudo funcionou conforme o esperado.

você precisa registrá- lo em index.android.js / index.ios.js

como isso:

'use strict';

import {
    AppRegistry
} from 'react-native';

import app from "./app";

AppRegistry.registerComponent('test', () => app);

Resolvi isso alterando o seguinte no arquivo app.json. Parece que a letra maiúscula estava lançando esse erro.

De:

{
  "name": "Nameofmyapp",
  ...
}

Para:

{
  "name": "nameofmyapp",
  ...
}

Em vez de alterar o nome em AppRegistry ,

Execute o init-nativo react Bananas, isso criará um código padrão para o projeto Bananas e AppRegistry.registerComponentapontará automaticamente para bananas

AppRegistry.registerComponent('Bananas', () => Bananas);

Nenhuma das soluções funcionou para mim. Eu tive que matar o processo a seguir e executar novamente o react-native run-android e funcionou.

nó ./local-cli/cli.js start

Eu tive o mesmo problema. Eu estava usando o Windows para criar um aplicativo nativo react para android e estava tendo o mesmo erro. Aqui está o que funcionou.

• Navegue até a pasta ANDROID na sua raiz.
• Crie um arquivo com o nome: local.properties
• Abra-o no editor e escreva:

sdk.dir = C: \ Usuários \ USERNAME \ AppData \ Local \ Android \ sdk

• Substitua USERNAME pelo nome da sua máquina.

Salve e execute o aplicativo normalmente. Isso funcionou para mim.

O problema também aparecerá quando, em index.js, você nomear o aplicativo de maneira diferente do nome que você deu para o pacote android / ios ; provavelmente isso aconteceu quando você ejetou o aplicativo. Portanto, certifique-se de que, ao chamar AppRegistry.registerComponent('someappname', () => App), someappname também seja usado para os pacotes nativos ou vice-versa.

Eu descobri onde estava o problema no meu caso (Windows 10 OS), mas também poderia ajudar no Linux (você pode tentar).

Em windows power shell, quando você deseja executar um aplicativo (primeira vez após a inicialização do PC) executando o seguinte comando,

react-native run-android

Ele inicia um node process/JS serverem outro console panele você não encontra esse erro. Mas, quando você deseja executar outro aplicativo , você deve precisar fechar que já está em execução JS server console panel . E, em seguida, execute o mesmo comando para outro aplicativo a partir de power shell, esse comando iniciará automaticamente outro novo servidor JS para esse aplicativo e você não encontrará esse erro.

Você não precisa fechar e reabrir power shell para executar outro aplicativo, precisa fechar node console para executar outro aplicativo.

Depois de ler todas as opções acima, descobri que poderia haver outra razão para isso.

No meu caso:

react-native-cli: 2.0.1

react-native: 0.60.4

e seguinte estrutura:

Primeiro, observe que index.android não foi atualizado no Android Studio quando a compilação é executada pelo construtor Metro (react-native run-android), portanto, isso deve ser feito manualmente. Também no Android studio não "lê" o

app.json (criado por padrão junto com index.js, que renomeou index.android.js):

 {
    "name": "authApp",
    "displayName": "authApp"
 }

e assim isso

(No meu caso)

import {authApp as appName} from './app.json';

causar o fato de que o android studio não sabe a que se refere o authApp. Corrijo no momento, referindo-me ao nome do aplicativo com o nome da string e não usando essa importação do app.json:

AppRegistry.registerComponent('authApp', () => MyApp);

Isso resolveu para mim

AppRegistry.registerComponent('main', () => App);

Então meu index.jsarquivo

import { AppRegistry } from 'react-native';
import App from './App';
AppRegistry.registerComponent('main', () => App);

E meu package.jsonarquivo:

"dependencies": {
    "react": "^16.13.1",
    "react-dom": "~16.9.0",
    "react-native": "~0.61.5"
},

Esta solução funcionou para mim após 2 dias de depuração. Mude isso :

AppRegistry.registerComponent('AppName', () => App);

para

AppRegistry.registerComponent('main', () => App);