ข้อผิดพลาด“ ไม่สามารถรับ BatchedBridge ตรวจสอบให้แน่ใจว่ามัดแพคเกจของคุณถูกบรรจุอย่างเหมาะสม” เมื่อเริ่มต้นแอพ

พยายามที่จะสร้างโครงการตอบโต้พื้นเมืองบน Android 4.4.2 ฉันได้รับหน้าจอข้อผิดพลาดนี้

และไม่สามารถหาวิธีแก้ไขได้ ฉันลองรีสตาร์ทเครื่องแพ็คเก็ตเชื่อมต่ออุปกรณ์ใหม่อีกครั้งแม้จะติดตั้งแบบโต้ตอบดั้งเดิมและเริ่มโครงการใหม่ ในเวอร์ชัน 6.0.0 และใหม่กว่ามันใช้งานได้

ทางออกที่เป็นไปได้สำหรับกรณีนี้คือคุณอาจไม่รวมแอปพลิเคชันของคุณเป็นอันดับแรกทำตามขั้นตอนต่อไปนี้จากนั้นปรับใช้ app-debug.apk กับอุปกรณ์ของคุณ

$ cd myproject  
$ react-native start > /dev/null 2>&1 &  
$ curl "http://localhost:8081/index.android.bundle?platform=android" -o "android/app/src/main/assets/index.android.bundle"

(หากโฟลเดอร์assetsไม่มีอยู่ให้สร้างขึ้นใหม่)

จากนั้นเรียกใช้จากรูทโปรเจ็กต์

$> (cd android/ && ./gradlew assembleDebug)

ติดตั้ง apk ที่สร้างไปยังอุปกรณ์ของคุณจากตำแหน่ง: android/app/build/outputs/apk/app-debug.apk

แจ้งให้เราทราบหากวิธีการแก้ไขปัญหาของคุณ

แก้ไข :

คุณสามารถใส่ลงใน package.json ของคุณเป็นสคริปต์เพื่อทำให้มันเป็นแบบอัตโนมัติฉันเชื่อว่ามันจะได้รับการแก้ไขในรีลีสที่มีปฏิกิริยาตอบสนองและจะดำเนินการก่อนที่จะประกอบ APK สุดท้ายดังนั้นจึงไม่จำเป็น เช่นกัน)

ใส่:

"scripts": {
    "build": "(cd android/ && ./gradlew assembleDebug)",
    "start": "node node_modules/react-native/local-cli/cli.js start",
    "bundle-android": "react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --sourcemap-output android/app/src/main/assets/index.android.map --assets-dest android/app/src/main/res/"
  },

หรือเท่าที่กล่าวถึงเทียบเท่าขด แต่สำหรับกรณีส่วนใหญ่ข้างต้นมีประสิทธิภาพมากขึ้น

ฉันเจอปัญหานี้เช่นกัน สิ่งที่ฉันทำคือบังคับให้ฆ่าแอปบนอุปกรณ์ของฉันจากนั้นฉันเปิดคอนโซลอื่นขึ้นมาแล้ววิ่ง

react-native start

จากนั้นฉันก็เปิดแอปอีกครั้งจากอุปกรณ์ของฉันและมันก็เริ่มทำงานอีกครั้ง

แก้ไข: หากคุณใช้อุปกรณ์ Android ผ่าน USB และถอดปลั๊กหรือคอมพิวเตอร์เข้าสู่โหมดสลีปคุณอาจต้องเปิดใช้งานก่อน

adb reverse tcp:8081 tcp:8081

เพิ่งได้รับข้อผิดพลาดนี้ นี่คือสิ่งที่ฉันทำเพื่อแก้ไข: ฉันเลือกDismissเข้าสู่เมนูนักพัฒนาจากนั้นDev SettingsเลือกDebug server host & port for deviceฉันเพิ่มที่อยู่ IP ของคอมพิวเตอร์และพอร์ต: 192.168.0.xx:8xxxใช้เครื่องอะไรก็ตามที่นักพัฒนาซอฟต์แวร์ของคุณกำหนดที่อยู่ IP ในเครือข่าย wifi ของคุณ พอร์ตมักจะ:8081

เมื่อฉันทำสิ่งนี้ทุกอย่างเป็นไปด้วยดี นอกจากนี้ในขณะที่คุณอยู่ในเมนู dev อย่าลืมเลือกEnable Live ReloadและDebug JS Remotelyทำให้ชีวิตของคุณง่ายขึ้นมากในขณะที่ดีบัก

นี่คือสิ่งที่ใช้งานได้สำหรับฉัน (หลังจากลองวิธีแก้ปัญหาอื่น ๆ ทั้งหมดที่ฉันพบ ... ):

วิ่งadb reverse tcp:8081 tcp:8081เข้าไปข้างใน\Android\sdk\platform-tools

ฉันได้รับสิ่งนี้เช่นกันเมื่อฉันเริ่มเป็นครั้งแรกกับ React Native โดยใช้อุปกรณ์ทางกายภาพ หากเป็นกรณีนี้คุณต้องทำสิ่งพิเศษก่อนเริ่มใช้งาน คุณต้องป้อนข้อมูลบางอย่างเกี่ยวกับเครื่องพัฒนาของคุณใน 'การตั้งค่า Dev' ของ React Native

เมื่อคุณเห็นข้อผิดพลาดเขย่าอุปกรณ์ของคุณ กล่องโต้ตอบจะปรากฏขึ้นตัวเลือกสุดท้ายจะเป็น 'การตั้งค่า Dev' เลือก 'ดีบั๊กเซิร์ฟเวอร์ฮอต & พอร์ตสำหรับอุปกรณ์' แล้วป้อน IP ในเครื่องของคุณและพอร์ตที่ใช้ (ปกติคือ 8081)

ดูย่อหน้าสุดท้ายของhttps://facebook.github.io/react-native/docs/running-on-device-android.html

หากวิธีการใดไม่เหมาะกับคุณลอง:

ฉันพบว่า<root>/android/app/build/intermediates/assets/debugโฟลเดอร์ของฉันว่างเปล่าและโดยการเรียกใช้cd android && ./gradlew assembleDebugไม่ได้สร้างไฟล์เหล่านั้นซึ่งจำเป็นต้องใช้ซึ่งภายหลังถูกใช้งานโดยเธรด javascript ในแอปพื้นฐานของเรา

ฉันรันคำสั่งต่อไปนี้ด้วยตนเองซึ่งคำสั่ง debug build ควรสร้างขึ้นอย่างสมบูรณ์แบบ

node node_modules/react-native/local-cli/cli.js bundle --platform android --dev true --reset-cache --entry-file index.android.js --bundle-output /<path to dir>/android/app/build/intermediates/assets/debug/index.android.bundle --assets-dest /<path to dir>/android/app/build/intermediates/res/merged/debug

หลังจากรันคำสั่งเหล่านี้ฉันพบไฟล์บันเดิลสองไฟล์ในไดเรกทอรีนี้ <root>/android/app/build/intermediates/assets/debug

จากนั้นฉันก็cd android && ./gradlew installDebugเริ่มทำงานอีกครั้งแอพของฉันก็เริ่มทำงานอีกครั้ง

จะแก้ไขข้อบกพร่องเพิ่มเติมและจะอัปเดตสิ่งที่ผิดพลาดจริง ๆ

ในเทอร์มินัลแยกต่างหากเชื่อมต่ออุปกรณ์ของคุณกับคอมพิวเตอร์และเรียกใช้คำสั่งต่อไปนี้:

react-native start 
cd user/Library/Android/sdk/platform-tools/
./adb reverse tcp:8081 tcp:8081

แอพลิเคชันขั้ว:

react-native run-android 
install apk on your device from this location android/app/build/outputs/apk/app-debug.apk

มันสายเกินไปนิดหน่อย แต่มันใช้ได้สำหรับฉันจริงๆ

1. react-native run-android.
2. react-native start.

คำสั่งแรกจะสร้างapkสำหรับ Android และปรับใช้บนอุปกรณ์ของคุณหากมีการเชื่อมต่อ เมื่อคุณเปิดแอพมันจะแสดงหน้าจอสีแดงพร้อมข้อผิดพลาด จากนั้นเรียกใช้คำสั่งที่สองซึ่งจะเรียกใช้ packager และสร้างแอปมัดสำหรับคุณ

ลองใช้คำสั่งนี้ในเทอร์มินัลแล้วโหลดซ้ำ มันใช้งานได้สำหรับฉัน

adb reverse tcp: 8081 tcp: 8081

ดูปัญหา :

1. เริ่มต้นติดต่อพื้นเมือง

2.Click Reload(R,R)บนอุปกรณ์ของคุณ

1. รีสตาร์ทจีโนม
2. วิ่ง react-native run-android
3. ปัญหาได้รับการแก้ไข

ฉันมีข้อยกเว้นเดียวกันบนอุปกรณ์ Z3 Compact D5803 - 6.0.1

ฉันไปเปิดไฟล์. buckconfig และเปลี่ยนบรรทัด:

target = Google Inc.:Google APIs:23

ถึง

target = Google Inc.:Google APIs:24

เพราะฉันเห็นใน SDK Manager ว่า Android 6.X มี api ระดับ 24

สำหรับผมมันเป็นเพราะไม่ได้อยู่ในadb PATHมันตั้งอยู่ /Users/man/Library/Android/sdk/platform-toolsสำหรับฉันมันอาจจะเป็นที่อื่นสำหรับคุณ แต่ต่อไปค้นหาและเพิ่มไปยังเส้นทางของคุณเพื่อดูว่าช่วยได้หรือไม่

เนื่องจากคุณใช้ Android <5.0 คุณไม่สามารถใช้adb reverseวิธีการเริ่มต้นได้แต่ Facebook ได้เพิ่มเอกสารอย่างเป็นทางการเพื่อเชื่อมต่อกับเซิร์ฟเวอร์การพัฒนาผ่าน Wi-Fiซึ่งจะรองรับเวอร์ชันของคุณ การอ้างถึงคำแนะนำสำหรับ MacOS แต่มีไว้สำหรับ Linux และ Windows ด้วย:

วิธีที่ 2: เชื่อมต่อผ่าน Wi-Fi

คุณยังสามารถเชื่อมต่อกับเซิร์ฟเวอร์การพัฒนาผ่าน Wi-Fi ได้ ก่อนอื่นคุณจะต้องติดตั้งแอปในอุปกรณ์ของคุณโดยใช้สาย USB แต่เมื่อดำเนินการเสร็จแล้วคุณสามารถดีบักแบบไร้สายได้โดยทำตามคำแนะนำเหล่านี้ คุณจะต้องมีที่อยู่ IP ปัจจุบันของเครื่องพัฒนาของคุณก่อนดำเนินการต่อ

คุณสามารถค้นหาที่อยู่ IP ได้ในการตั้งค่าระบบ→เครือข่าย

ตรวจสอบให้แน่ใจว่าแล็ปท็อปและโทรศัพท์ของคุณอยู่ในเครือข่าย Wi-Fi เดียวกัน เปิดแอป React Native ของคุณบนอุปกรณ์ของคุณ คุณจะเห็นหน้าจอสีแดงพร้อมข้อผิดพลาด ไม่เป็นไร ขั้นตอนต่อไปนี้จะแก้ไขปัญหานั้น เปิดเมนูนักพัฒนาในแอป ไปที่การตั้งค่า Dev →โฮสต์เซิร์ฟเวอร์ดีบั๊กสำหรับอุปกรณ์ พิมพ์ที่อยู่ IP ของเครื่องและพอร์ตของเซิร์ฟเวอร์ dev ภายในเครื่อง (เช่น 10.0.1.1:8081) กลับไปที่เมนูนักพัฒนาและเลือก Reload JS

มันมีปัญหานี้ "สุ่ม" และเอาฉันบางครั้งเพื่อตระหนักถึงสิ่งที่ผิดในสถานการณ์ของฉัน

หลังจากฉันอัปเดตเป็น React-native-cli 2.0.1 แล้วก็มีข้อความที่ส่งออกไปยังบันทึกซึ่งช่วยให้ฉันขุดและค้นหาสาเหตุ:

เซิร์ฟเวอร์ JS ไม่ได้รับการยอมรับดำเนินการสร้าง ...

หลังจากค้นคว้าลิงค์บางอันฉันพบสิ่งนี้:

ไม่รู้จักเซิร์ฟเวอร์ JS

ตั้งแต่ฉันใช้ windows ฉันจึงใช้ netstat และพบว่าผู้เล่น VLC ของฉันก็ทำงานที่พอร์ต 8081 ซึ่งเป็นสาเหตุของปัญหา ดังนั้นในกรณีของฉันถ้าฉันเริ่มต้นเซิร์ฟเวอร์ vlc ก่อนเซิร์ฟเวอร์ตอบโต้มันจะไม่ทำงาน

ข้อความบันทึกเดียวกันนี้ไม่ได้แสดงผลในรุ่นก่อนหน้าของภาษา - พื้นเมือง - cli ทำให้มันล้มเหลวอย่างเงียบ ๆ

TL, DR: ตรวจสอบว่ามีอะไรทำงานในพอร์ตเดียวกันกับตัวจัดการแพคเกจ (8081 โดยค่าเริ่มต้น)

ปัญหาของฉันคือการที่ฉันผ่านAndroidManifest.xmlไฟล์ของฉันและได้ลบบรรทัด

<uses-permission android:name="android.permission.INTERNET" />

เพราะแอพของฉันไม่ต้องการอินเทอร์เน็ต อย่างไรก็ตามแอปตรวจสอบการแก้ไขข้อบกพร่องดั้งเดิมนั้นจำเป็นต้องมีการเข้าถึงอินเทอร์เน็ต (เพื่อเข้าถึงเครื่องห่อ) อ๊ะ :)

ลองล้างแคช

react-native start --reset-cache

โปรดตรวจสอบว่าคุณมีข้อผิดพลาดดังต่อไปนี้เมื่อคุณเรียกใช้react-native run-android: adb server version (XX) doesn't match this client (XX); killing...

ในกรณีนั้นให้แน่ใจ/usr/local/opt/android-sdk/platform-tools/adbและ/usr/local/bin/adbชี้ไปที่เดียวกันadb

ในกรณีของฉันมีคนชี้ไปที่/Users/sd/Library/Android/sdk/platform-tools/adb(Android SDK) แต่อีกคนชี้ไปที่/usr/local/Caskroom/android-platform-tools/26.0.2/platform-tools/adb(Homebrew)

และปัญหาได้รับการแก้ไขหลังจากที่ทั้งคู่ชี้ไปที่/Users/sd/Library/Android/sdk/platform-tools/adb(Android SDK)

ฉันได้รับข้อผิดพลาดนี้เช่นกันสับสนจริงๆ เพราะคำตอบทั้งหมดใช้ไม่ได้ หลังจากเพิ่มadbไปยังเส้นทาง

สำหรับฉันฉันเปิดใช้งานการซิงค์ด้านข้างและใช้งานอยู่ การปิดมันทำให้ปัญหาหายไปโดยไม่เจตนา มันอาจคุ้มค่าที่จะปิดการสื่อสารนี้หรือการสื่อสารอื่นระหว่างพีซีและอุปกรณ์

ฉันสิ้นสุดต้องเปิดพอร์ตที่ฉันใช้ (8081 โดยค่าเริ่มต้น) บน Linux คุณสามารถทำสิ่งต่อไปนี้

sudo iptables -A INPUT -p tcp --dport 8081 -m conntrack --ctstate NEW,ESTABLISHED -j ACCEPT
sudo iptables -A OUTPUT -p tcp --sport 8081 -m conntrack --ctstate ESTABLISHED -j ACCEPT

คุณสามารถทดสอบเพื่อดูว่าคุณจำเป็นต้องทำเช่นนี้จริงหรือไม่ เพียงนำทางไปยังเซิร์ฟเวอร์ dev ของคุณใน Chrome บนอุปกรณ์ Android ของคุณ ถ้ามันไม่ตอบสนองนี่อาจเป็นสิ่งที่คุณต้องการ หากมันตอบสนองสิ่งนี้จะไม่ช่วยคุณ

ทางของฉันคือ:

react-native start

หลังจากนั้นในอุปกรณ์ของคุณโดยใช้:

click to Reload.

เห็นในคอนโซลปฏิกิริยาพื้นเมืองมันจะดึงข้อมูลบันเดิล js

ผมมีปัญหาเหมือนกัน. เมื่อฉันสร้างโครงการตอบโต้พื้นเมืองผ่านทางแบบโต้ตอบ createPro-native-app AwesomeProjectมันทำงานได้ดีในแอป Expo ทางโทรศัพท์ หลังจากนั้นฉันต้องการใช้โครงการเริ่มต้นอย่างรวดเร็วเพื่อพัฒนาโครงการของฉันและมีข้อผิดพลาดเช่นเดียวกับที่คุณทำ

หลังจากการวิจัยบางอย่างฉันพบว่าดีกว่าที่จะเริ่มต้นโครงการใหม่ด้วยAwesomePro-init initProject (พร้อมการตั้งค่าทั้งหมดใน Native docs แบบตอบโต้) จากนั้นเรียกใช้คำสั่งนี้:

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/

ที่ควรแก้ไขสิ่งที่มีมัด (- ลบเท็จไม่แสดงคำเตือน)

สิ่งที่คุณต้องทำเพื่อให้แอปทำงานบนอุปกรณ์เสมือน / จริงของคุณคือ:

react-native run-android

และมันควรจะทำงานได้ดี อย่างน้อยมันก็ใช้งานได้สำหรับฉัน

สำหรับผมปัญหาคือการที่ 'adb' ไม่ได้รับการยอมรับ - ตรวจสอบที่นี้คำตอบ

ในการแก้ไขปัญหานี้ให้เพิ่ม C: \ Users \ USERNAME \ AppData \ Local \ Android \ sdk \ platform-tools ไปยังตัวแปรสภาพแวดล้อม

พวกเราส่วนใหญ่ประสบปัญหานี้เป็นครั้งแรกเมื่อเราเริ่มตอบสนองโครงการพื้นเมือง # 1

ขั้นตอนง่ายๆไม่กี่แก้ไขปัญหาของฉัน:

ฉันสร้างโครงการตัวอย่างโดยใช้คำสั่ง:

react-native init ReactProject1

สารละลาย

การแก้ไขคือการช่วยlocal-cli\runAndroid\adb.jsในการค้นหาadb.exeเช่นเดียวกับlocal-cli\runAndroid\runAndroid.js:

ค้นหาคำสั่ง replace ภายใต้ projectname (ทุกสิ่งที่คุณกำหนด)\node_modules\react-native\local-cli\runAndroid

แทนที่:

const devicesResult = child_process.execSync('adb devices');

โดย:

const devicesResult = child_process.execSync( (process.env.ANDROID_HOME ? process.env.ANDROID_HOME + '/platform-tools/' : '') + 'adb devices');

หลังจากดำเนินการเปลี่ยนข้างต้นแล้วให้เรียกใช้ react-native run-android ใน cmd ของคุณมันจะรวม apk และในตอนแรกลองติดตั้ง js bundle ในเครื่องของคุณ (สำเร็จแล้ว)

ฉันลองคำแนะนำหลายข้อด้านบน / ล่าง แต่ท้ายที่สุดปัญหาที่ฉันต้องเผชิญคือสิทธิ์ใช้งานสำหรับยามซึ่งติดตั้งโดยใช้ homebrew ก่อนหน้านี้ หากคุณดูข้อความเทอร์มินัลของคุณในขณะที่พยายามใช้ตัวจำลองและพบข้อผิดพลาด 'การอนุญาตที่ถูกปฏิเสธ' เกี่ยวกับผู้เฝ้าดูพร้อมกับข้อความ "ไม่สามารถรับ BatchedBridge" บนตัวจำลองได้ให้ทำดังนี้

ไปที่/Users/<username>/Library/LaunchAgentsไดเรกทอรีของคุณและเปลี่ยนการตั้งค่าการอนุญาตเพื่อให้ผู้ใช้ของคุณสามารถอ่านและเขียน สิ่งนี้ไม่ว่าคุณจะมีcom.github.facebook.watchman.plistไฟล์อยู่ในนั้นหรือไม่ก็ตาม

ฉันพบว่าฉันต้องเพิ่มใน

การอัพเกรดที่ตอบสนองต่อเจ้าของภาษา

เพื่อให้แอปพลิเคชันทำงานอย่างถูกต้อง

ฉันได้รับปัญหาเดียวกัน แต่มันเป็นความผิดพลาดที่โง่เขลาจากตัวเอง ...

จากAndroid สตูดิโอผมก็เปิดตัวinstallDebug/installReleaseสคริปต์ gradle จากappProjet แทนrootProjet

วิธีที่ง่ายที่สุด!

• หยุดการสร้างเซิร์ฟเวอร์และสิ้นสุดโครงการ
• เปิดเทอร์มินัล 'Node.js'
  • นำทางไปยังโฟลเดอร์ที่มีโปรเจ็กต์ 'react-native'
  • พิมพ์ 'react-native start' - เริ่มต้นเซิร์ฟเวอร์เนทีฟแบบตอบโต้ด้วยตนเอง
• ไปที่เทอร์มินัลแก้ไขรหัสของคุณและพิมพ์ 'react-native run-android

คุณดีไปแล้ว!

เพียงแค่รีสตาร์ทระบบของคุณหรือมัดสมบูรณ์ของคุณและปัญหาอาจได้รับการแก้ไข