Co oznacza „Brak adresu URL pakietu” w języku ojczystym reagującym?

Kiedy uruchamiam projekt „reagujący”, pojawia się błąd no bundle URL present, ale nie wiem, jakie błędy popełniam, byłem bardzo zdezorientowany.

Rozwiąż błąd No bundle URL presentprzez:

• Uruchom następującą komendę w katalogu głównym projektu, aby usunąć katalog kompilacji iOS i zabić inne sesje React Native (zakładając, że działają one na domyślnym porcie 8081) przed ponowną kompilacją:

rm -rf ios/build/; kill $(lsof -t -i:8081); react-native run-ios

• Zaktualizuj przepływ pracy React Native, aby uniknąć tego błędu, łącząc powyższą kombinację poleceń w alias i dołączając ją do pliku konfiguracyjnego Bash .bashrc za pomocą tego polecenia:

echo "alias rni=\"kill \$(lsof -t -i:8081); rm -rf ios/build/; react-native run-ios\"" >> ~/.bashrc; source ~/.bashrc

Teraz możesz uruchomić React Native kompilację na iOS (bez obawy o pojawienie się niektórych ekranów z czerwonymi błędami śmierci) za pomocą prostego skrótu aliasowego:

rni

Właśnie wpadłem na ten problem (pierwsze uruchomienie React Native). Problem zniknął, gdy - podczas uruchomionej symulacji ios ( react-native run-ios) - uruchomiłem, npm installa potem react-native run-iosznowu. W oknie terminala pokazało, że jest to wiązanie, a następnie symulator pokazał ekran powitalny.

Sprawdź ten link, aby zobaczyć majtki po react-native init PropertyFinderlinii spróbuj użyć npm start(ten działa dla mnie)

================================================== ======================

AKTUALIZACJA dla 16.9

Mój port 8081 został zablokowany przez McAfee. Bezpośrednie używanie innego portu nie działało react-native start --port=8082ireact-native run-ios --port=8082

Próbowałem prawie wszystkich podanych tutaj rozwiązań. ale nic nie działało.

        "react": "16.9.0",
        "react-dom": "^16.12.0",
        "react-native": "0.61.5",

Rozwiązanie:

Szukano 8081 w Xcode i zastąpiłem je wszystkie 8082. Następnie uruchom te same polecenia, aby zbudować i uruchomić aplikację. Aplikacja działa płynnie

react-native start --port=8082
react-native run-ios --port=8082

Miałem ten sam problem, kiedy pakowałem swoją aplikację. Sprawdź, czy Twój main.jsbundlecel jest skierowany do głównego Projektu

Zgodnie z instrukcjami w komunikacie o błędzie:

Zgoda na licencję Xcode / iOS wymaga uprawnień administratora, uruchom „sudo xcodebuild -license”, a następnie ponów polecenie.

Uruchomienie następującego polecenia działało:

sudo xcodebuild -license

Ten problem występuje, gdy nie zezwalasz na niezabezpieczone połączenia za pośrednictwem hosta lokalnego lub próbujesz zaakceptować niezabezpieczone połączenia przez http.

Aby to naprawić, dodaj to info.plist:

<key>NSAppTransportSecurity</key>
    <dict>
        <key>NSAllowsArbitraryLoads</key>
        <true/>
        <key>NSAllowsArbitraryLoadsInWebContent</key>
        <true/>
        <key>NSAllowsLocalNetworking</key>
        <true/>
    </dict>

Zamknij symulator i terminal. Otwórz nowy i przejdź do swojego projektu, a następnie zaktualizuj swój native-reakcyjny w następujący sposób:

react-native upgrade

Problem w: nieskończona rekurencja w RCTFatal, gdy pakiet nie wykonuje się .

Powód:

Wynika to z faktu, że aplikacja nie może znaleźć serwera (który obsługuje interfejs użytkownika - po kodzie javascript).

Rozwiązanie:

• Upewnij się, że wszystko, co jest związane z reakcją natywną zamknięte (nie jest konieczne, tylko po to, aby mieć czysty start dla mojego rozwiązania, po moim wyjaśnieniu możesz dowiedzieć się, czy jest to konieczne, czy nie)
• uruchomić npm run startlub yarn startpierwszy
• poczekaj na wykonanie tego polecenia (zwykle zobaczysz Loading dependency graph, done.)
• biegać react-native run-ios/android

Wyjaśnienie:

• React Native zawiera 2 części:

  • Część natywna
  • Część JavaScript

• Kompiluj polecenia:

  • react-native run-ios/androidjest zbudowanie części natywnej, następnie wdrożenie na urządzenia i uruchomienie aplikacji na urządzeniach (symulator / emulator / urządzenie rzeczywiste). Zwykle trwało to 3 ~ 4 minuty.

  • npm run startlub yarn startpolega na zbudowaniu części javascript i uruchomieniu serwera deweloperów w celu obsługi wbudowanego interfejsu użytkownika w aplikacji. Zwykle zajęło to 30 sekund.

=> Zwykle część javascript kończyła się jako pierwsza, a część natywna przyszła później. (na podstawie wykorzystanego czasu).

=> dotyczy to tylko pierwszej kompilacji (nowa kompilacja).

=> do przebudowy:

• Część natywna zajęła 10 ~ 15 sekund sprawdzenie zmian i ponieważ żadna zmiana dla części natywnej => nie została wykonana przed zbudowaniem i udostępnieniem części javascript. (Nie jestem pewien, czy część javascript została przebudowana, czy nie, ale zajęło to dużo czasu niż część natywna)

• Właśnie dlatego mieliśmy ten problem, aplikacja działała i wymagała czegoś, co jeszcze nie istniało.

Premia:

• react-native run-ios/android automatycznie uruchomi dla ciebie serwer deweloperów.
• Właśnie dlatego, gdy pobiegłeś react-native run-ios/androidzaraz potemreact-native init <app_name> , wszystko poszło dobrze. (ponieważ funkcja automatycznego uruchamiania i czas potrzebny na świeżą kompilację jak powyżej).
• Inne rozwiązania „usuwające” działały, ponieważ wymuszały odbudowę.

Czas wykorzystany na tę odpowiedź był względny w stosunku do mojej maszyny => może się różnić na innych.

Spróbuj uruchomić ten kod:

$ sudo xcodebuild -license

To może rozwiązać problem. To działa dla mnie.

Miałem ten sam błąd i mogłem uruchomić aplikację tylko przez Xcode. react-native run-iosnie działał. Aby rozwiązać problem, musisz usunąć buildfolder z YOUR_PROJECT/ios/build/. Po tym powinieneś być w stanie ponownie uruchomić aplikację react-native run-ios. Mam nadzieję że to pomoże.

Większość przypadków ten problem występuje, gdy wyszukiwanie DNS / IP nie może znaleźć hosta lokalnego.

Rozwiązanie :

Spróbuj dodać adres IP hosta lokalnego do pliku hosta itp.

możesz dodać poniższe wiersze do pliku hosta etc (/ etc / hosts)

127.0.0.1 localhost

255.255.255.255 broadcasthost

:: 1 l. ocalhost

Aby potwierdzić, że jest to problem , możesz trafić na adres URL pakietu podczas safari (jeśli spróbujesz go w Chrome, rozwiąże to problem, ale safari nie będzie w stanie go rozwiązać). http: // localhost: 8081 / index.ios.bundle? platform = ios & dev = true & minify = false

Upewnij się, że ustawienia ATS są prawidłowe w pliku .plist.

Plik można znaleźć na stronie /ios/{{project_name}}/Info.plist

localhost musi być zdefiniowany jako cel żądania wyjątku w następujący sposób:

<key>NSAppTransportSecurity</key>
    <dict>
    <key>NSExceptionDomains</key>
    <dict>
        <key>localhost</key>
        <dict>
            <key>NSExceptionAllowsInsecureHTTPLoads</key>
            <true/>
        </dict>
    </dict>
</dict>

* (nie zapomnij usunąć tego w wersji wydania).

Dla mnie problemem było to, że nie mógł stworzyć pakietu JS. Nie podaje błędu podczas budowania z Xcode, więc nie możesz tego wiedzieć. Aby znaleźć błąd, uruchom następujące polecenie.

react-native bundle --platform ios --dev false --entry-file index.ios.js --bundle-output ./ios/release/main.jsbundle --assets-dest ./ios/release/main.jsbundle

Dla mnie błąd polegał na braku komponentu PureRenderMixin. Do którego rozwiązanie można znaleźć tutaj: https://github.com/facebook/react-native/issues/13078 . Zasadniczo musisz ręcznie zainstalować reagować@16.0.0-alfa.3. Można to zrobić, uruchamiając to polecenie.

npm i --save [email protected]

Ten problem występuje obecnie dla wszystkich, ponieważ wydawane są nowsze wersje reagujących alf (szczególnie alpha.5) i łamią one kompilacje rodzime dla reagujących.

Rozwiązanie -> npm startnastępnie otwórz nowy Terminal i przejdź do ścieżki projektu, a następnie wciśnij react-native run-iosgo, działa dla mnie

Co to dla mnie rozwiązało:

• Otwórz okno terminala
• cd w YOUR_PROJECT/ios
• Usuń folder kompilacji za pomocą rm -r build
• Uruchom react-native run-iosponownie

Alternatywnie możesz otworzyć Findera, przejść do folderu YOUR_PROJECT/iosi usunąć go build.

Następnie uruchom react-native run-iosponownie.

Źródło: Andrew Bancroft

Jest to problem związany z rodzimą reakcją v0.42.1. Spróbuj zamknąć wszystkie instancje terminala i XCode i uruchom:

launchctl unload ~/Library/LaunchAgents/com.github.facebook.watchman.plist
watchman version
react-native run-ios

najpierw zamknij symulator, a następnie uruchom je na terminalu

npm install

react-native run-ios

Wystarczy uruchomić w terminalu react-native start:

cd your react native app directory/ react-native start 

Uruchomi on program pakujący, teraz nie zamykaj tego okna terminala, w innym oknie terminala uruchom swój projekt. To jest jedyna potrzeba, aby znaleźć prawidłowe działanie.

Znalazłem najłatwiejszy / najszybszy sposób na ominięcie tego: zamknięcie aplikacji w symulatorze (2 x Cmd + Shift + H) i ponowne uruchomienie.

Miałem ten sam problem. Ale moim problemem było to, że mój Mac i iPhone nie byli w tej samej sieci Wi-Fi.

Upewnij się, że wszystkie są w tej samej sieci, i przebuduj ponownie. Jeśli tak nie jest, wypróbuj rozwiązania wymienione przez innych członków tutaj.

sprawdź swoje sieciowe proxy, lepiej zamknij je.

lub powinieneś znaleźć inny sposób na utrzymanie serwera pakującego

Zdarzyło mi się to również po ponownym uruchomieniu komputera Mac. Po uruchomieniu aplikacji na symulatorze otwiera się okno terminalu Packager. Zamknąłem to okno i zakończyłem proces (zamknąłem również symulator), a następnie uruchom ponownie - uruchom-ios-native-run i wszystko działa dobrze.

W moim przypadku problem został rozwiązany przez ponowne uruchomienie adbserwera:adb kill-server && adb start-server

Ten problem zdarzył się również dla mnie ... Problem polegał na tym, że pakiet nie działał, wydawało się, że prawdopodobnie moja domyślna powłoka to Zsh. reagujące opony, aby otworzyć nowe okno terminala i uruchomić, .../node_modules/react-native/packager/launchPackager.commandale to nie zadziałało . Ręczne uruchomienie tego (i utrzymanie go) naprawiło to dla mnie.

sprawdź swój klucz „localhost” na stronie NSExceptionDomains w info.plist

jeśli nie istnieje, powoduje błąd.

Zakładając, że używasz nvmi zainstalowanych jest wiele wersji węzła, oto rozwiązanie:

1. Powiedzieć, że prowadzony npm install -g react-native-cliwnode v6.9.5 .
2. Teraz ustaw node v6.9.5jako domyślny, uruchamiającnvm alias default 6.9.5
3. Teraz biegnij react-native run-ios

Problem polega na tym, że masz wiele wersji węzła zainstalowanych za pośrednictwem nvmi do zainstalowania react-native-cliprzełączyłeś lub zainstalowałeś najnowszą wersję węzła, który nie jest jeszcze oznaczony jako domyślny węzeł do wskazania nvm. Po uruchomieniu react-native run-iosotwiera się nowe okno terminala, w którym domyślnie nvmnie jest wskazana wersja węzła, w której został zainstalowany react-native-cli. Po prostu wykonaj powyższą konfigurację, mam nadzieję, że to powinno pomóc.

upewnij się, że masz .jsbundle w swoim projekcie

Dodaj

react-native bundle --dev false --entry-file index.js --bundle-output ios/main.jsbundle --platform ios

w swoim reakcyjnym natywnym kodzie spróbuj ponownie otworzyć projekt

Pracuję z RN 0.49.5. Próbowałem wielu metod, ale nikt nie działa. W końcu to wypracowałem. To proste i łatwe.

Główną ideą jest, aby zmienić localhostsię 127.0.0.1, ale nie jest to gdzie RN powie. Jest w RCTBundleURLProvider.m # - (BOOL) jest hostem PackageRunning: (NSString *) .

Zmiany w kodzie: oc - NSString *host = ipGuess ?: @"localhost"; + NSString *host = ipGuess ?: @"127.0.0.1"; To jest poprawne dla symulatora. Jeśli jest to urządzenie, po prostu zmień adres IP na swój komputer.

Kolejną rzeczą, która działa dla mnie, jest otwarcie projektu w xcode, a następnie wyczyszczenie go i zbudowanie. zwykle uruchamia ponownie serwer pakowania i rozwiązuje problem.

Wykonaj poniższe polecenie:

killall -9 node
rm -rf ios/build
react-native run-ios

otworzy plik launchpackager.command, a aplikacja zostanie zainstalowana na symulatorze ios

Upewnij się, że launchPackage.commanddziałają w terminalu i spróbuj uruchomić ponownie. Zbuduje pakiet. To trochę jak webpack-dev-server.