Reagir incompatibilidade de versão nativa

Recebendo a seguinte mensagem quando inicio um novo projeto e inicio o emulador do Xcode:

Incompatibilidade da versão React-Native

Javascript Versão 0.50.1 Versão nativa: 0.50.0

Verifique se você reconstruiu o código nativo. ...

Alguém sabe o que está acontecendo aqui e pode me ajudar?

Isto é o que eu fiz com isso:

Feche todos os terminais e execute a compilação novamente.

Você pode esquecer de fechar o terminal nodejs de outro projeto, e eles têm uma versão de reação diferente instalada.

Portanto, o código buscado no servidor nodejs entra em conflito com o nativo.

Caso você tenha criado seu aplicativo react-native usando create-react-native-app. Você deve ter um app.json (expo). e um arquivo package.json, verifique se as versões expo correspondem e alteram de acordo. Por exemplo, no meu caso, o problema era que, no arquivo app.json, eu tinha uma versão 25.0.0 para o atributo expo sdkVersion , mudei para 23.0.0 e tudo funcionou.

package.json:

"dependencies": {
    "expo": "^23.0.4",
    "react": "16.0.0",
    "react-native": "^0.50.4"
  }

app.json:

{
  "expo": {
    "sdkVersion": "23.0.0" // before was 25.0.0
  }
}

Basta ir ao seu android/app/build.gradlee depois adicionar à dependenciesseção:

dependencies{
compile ("com.facebook.react:react-native:0.50.3") { force = true } 
}

/// a versão nativa do react pode ser encontrada em package.json

basta forçar a versão nativa a reagir no arquivo gradle no nível do aplicativo do Android, na dependenciesseção

compile ("com.facebook.react:react-native:0.52.0") { force = true }

trabalhou para mim

Eu nunca vi esse erro antes, mas sempre que não consigo fazer com que o Xcode e o React-Native funcionem bem juntos, faço algumas coisas. Verifique com qual versão do Xcode estou trabalhando. Se precisar ser atualizado, eu atualizo. Em seguida, limpar o vigia e o cache é o segundo lugar que vou. Eu não uso o comando reset cache. Ele sempre diz que preciso verificar o cache, então pulo isso (você pode fazer isso, porém, fico confuso). Eu uso rm -rf $ TMPDIR / react- * para se livrar de quaisquer compilações em cache. Se isso não funcionar, tento criar o aplicativo no Xcode e, a partir daí, trabalhar com ele, para construí-lo com o run-ios nativo do react. Com esta mensagem de erro, parece que você pode começar tentando construí-lo com o Xcode. Espero que ajude ... deixe-me saber seu progresso com isso. Boa sorte! (Além disso, você pode atualizar para o RN 0.

Se você estiver executando seu aplicativo React Native pela Expo, a atualização do React Native poderá causar esse erro (conforme observado em https://github.com/expo/expo/issues/923 ).

Se esse for o seu cenário, suas opções são:

1. Bump Expo (listado na sua package.json) para uma versão compatível com a versão React Native ( se houver , o que pode não ser o caso - a julgar pelo problema vinculado, acho que o suporte da Expo segue as versões do React Native).
2. Descarte suas alterações, exclua e reinstale os módulos do Nó, Ejetar da Expo e depois (depois de verificar se você ainda pode executar o aplicativo após a ejeção), tente a atualização novamente.

Eu tive esse problema por um longo tempo e nenhuma das soluções acima ajudou. Eu estava no meio da atualização create-react-native-appdo React Native em um projeto até descobrir que nem todas as versões do Expo suportam o React Native mais recente.

Encontrou esta página vinculada na documentação que mostra quais combinações de versões do React Native, React e Expo são oficialmente suportadas:

Fonte: https://github.com/react-community/create-react-native-app/blob/master/VERSIONS.md

A edição dos arquivos app.jsone package.jsonpara corresponder às versões correspondentes e a execução npm installfizeram com que tudo funcionasse novamente.

Estou usando um dispositivo físico, no meu caso, isso resolveu o problema:

1. Desinstalar o aplicativo
2. lsof -i :8081
3. kill -9 PID
4. Recrie o aplicativo ( react-native run-androidou react-native run-ios)

No seu arquivo build.gradle, adicione o seguinte

implementation ("com.facebook.react:react-native:0.51.0") {
    force = true;
}

substitua 0.51.0pela versão no seu package.json

Para desenvolvedores do Android que não conseguiram consertá-lo apenas fechando e reconstruindo, desinstale manualmente o aplicativo no emulador / dispositivo.

Tente instalar as dependências novamente. Isso funcionou para mim-

1.) yarn/npm install
2.)yarn/npm start --reset-cache

Para mim, foi devido à react-nativeversão na dependencyseção do package.jsonarquivo. Isso foi:

"dependencies": {
"expo": "^27.0.1",
"react": "16.3.1",
"react-native": "~0.55.0"
}

Eu pedi para:

"dependencies": {
"expo": "^27.0.1",
"react": "16.3.1",
"react-native": "0.52.0"
}

Agora funciona bem.

No meu caso, estou enfrentando o problema no iOS e tentei redefinir e limpar todo o cache usando o comando abaixo, mas também falhei, apesar de muitos comentários dizerem que a causa principal é que há um pacote de reagentes sendo executado em algum lugar acidentalmente, reiniciei meu mac e o problema ainda permaneciam.

watchman watch-del-all && rm -rf node_modules/ && yarn cache clean && yarn install && yarn start --reset-cache

A solução é excluir a pasta de compilação @ e /ios/build, em seguida, executar a react-native run-iossolução

Eu tentei as soluções acima, mas adicionar isso ao AndroidManifest.xml parece corrigi-lo.

  android:usesCleartextTraffic="true"

Para outras pessoas com o mesmo problema no iOS com CocoaPods:

Eu tentei todas as soluções acima, sem sorte. Eu tenho alguns pacotes com dependências nativas no meu projeto e alguns desses módulos de pod necessários estão sendo instalados. O problema era que o React foi especificado no meu Podfile, mas o pod do React não foi atualizado automaticamente usando react-native-git-upgrade.

A correção é atualizar todos os pods instalados, executando cd ios && pod install.

No meu caso, a instalação de um novo dispositivo virtual ajudou. Agora estou usando um dispositivo por aplicativo.

Usuários da Expo - verifique se as app.jsonversões sdk e package.jsonexpo são (podem ser iguais) compatíveis entre si.

Eu também tive esse problema usando o Expo e o iOS Simulator. O que funcionou para mim foi apagar o Simulator noHardware > Erase All Content and Settings...

Possível correção:

1. Exclua o pacote-lock.json
2. Corre: watchman watch-del-all && rm -rf $TMPDIR/react-* && rm -rf $TMPDIR/haste-map-react-native-packager-* && rm -rf node_modules/&& npm install

Se o problema persistir, tente executar o projeto diretamente do Xcode

Isso funcionou para mim.

No meu caso (NÃO usando a expo & Android build)

package.json

"dependencies": {
    "react": "16.3.1",
    "react-native": "0.55.2"
}

E app.json

{
  "sdkVersion": "27"
}

resolveu o problema

Eu estava tentando criar e executar um aplicativo React Native do WebStorm e me deparei com esse problema. A solução simples para mim foi:

watchman watch-del-all

No macOS, se watchmanainda não estiver instalado, instale-o usando o Homebrew :

brew install watchman

Às vezes, acontece quando você tenta executar sem fechar o servidor do nó, no qual o aplicativo anterior estava sendo executado, portanto, tente reiniciar o React.Para fazer isso, basta executar os seguintes comandos:

1. To kill current processes
killall node -9 

2. To Start React  Native
react-native start 

3. Then Run android
react-native run-android

No meu caso, mudei a expoversão manualmente. Eu tive o mesmo problema porque esqueci de atualizar o sdkVersion no app.json e o babel-preset-expo no package.json

Depois disso, execute: expo r -cpara limpar o cache e iniciar o aplicativo.

A correção que fizemos foi garantir que as variáveis ​​ANDROID_HOME e PATH fossem configuradas antes da compilação.

Primeiro, execute os dois comandos abaixo e crie o aplicativo para o dispositivo.

export ANDROID_HOME=/Users/username/MyFiles/applications/androidsdk
export PATH=$PATH:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools

Eu recebi essa classificação quando as definições de tipo TypeScript não correspondem.

EG react-nativea 0,61,5 pol dependenciese @types/react-nativea 0,60,0 pol devDependencies.

Assim que eu atualizei o devDependencies, ele funcionou. Não precisava reiniciar nada.

Isso não é uma correção, mas no meu caso, eu tinha vários aplicativos RN instalados no meu dispositivo e estava tentando, sem saber, 'Recarregar' de dentro do aplicativo errado. (Estou desenvolvendo dois aplicativos simultaneamente no momento). Portanto, verifique se você está no aplicativo correto!

Tente alterar a versão do seu react-native especificada em package.json (em dependências - react-native) para o mesmo que 'Versão nativa' mostrada na mensagem de erro. Em seguida, execute o 'npm install' novamente.

Eu tenho o mesmo problema ao criar meu aplicativo nativo react para android e fiz o seguinte que funcionou para mim.

A "versão JavaScript 0.50.1" no console de erros é a versão nativa de reação no seu package.jsonarquivo. Verifique se a mesma versão é "Versão nativa 0.50.0" no console de erros.

1. Atualizei a versão react-native para a "Versão nativa 0.50.0", conforme solicitado no console de erros.
2. Recrie o aplicativo react-native run-android.

Verifique também se o wifi está ativado no seu emulador

Abra projectdir / android / app / build.gradle

Experimentar:

compilar ("com.facebook.react: react-native: 0.51.0") {force = true}

Em vez de compilar "com.facebook.react: react-native: 0.51.0" {force = true}

Ref .: Link