EXPO: ไม่สามารถแก้ไขโมดูล './debugger

หลังจากรีโหลดแอปของฉันหยุดโหลด

ฉันได้ลองทั้งอีมูเลเตอร์และ devives จริง 2 ตัว, android และ ios

ข้อผิดพลาดคือ:

ข้อผิดพลาด: ไม่สามารถแก้ไขโมดูล./debugger-ui/debuggerWorker.d9da4ed7จาก ``:

และบางครั้งฉันจะได้รับข้อผิดพลาด 'ไม่สามารถค้นหาอินสแตนซ์'

ฉันได้ลองทำสิ่งต่อไปนี้แล้ว:

1. watchman watch-del-allนาฬิกายามชัดเจน
2. ลบnode_modulesโฟลเดอร์: rm -rf node_modules && npm install.
3. รีเซ็ตแคชเมโทร Bundler: หรือrm -rf /tmp/metro-bundler-cache-*npm start -- --reset-cache
4. ลบแคชเร่งด่วน: rm -rf /tmp/haste-map-react-native-packager-*.

5. รีสตาร์ทคอมพิวเตอร์

     Expo CLI 3.11.3 environment info:
       System:
         OS: macOS 10.15.2
         Shell: 5.7.1 - /bin/zsh
       Binaries:
         Node: 12.8.0 - ~/.nvm/versions/node/v12.8.0/bin/node
         Yarn: 1.19.1 - /usr/local/bin/yarn
         npm: 6.13.4 - ~/.nvm/versions/node/v12.8.0/bin/npm
         Watchman: 4.9.0 - /usr/local/bin/watchman
       IDEs:
         Android Studio: 3.5 AI-191.8026.42.35.5791312
         Xcode: 11.2/11B41 - /usr/bin/xcodebuild
       npmPackages:
         expo: ~36.0.0 => 36.0.2
         react: ~16.9.0 => 16.9.0
         react-native: https://github.com/expo/react-native/archive/sdk-36.0.0.tar.gz => 0.61.4
         react-navigation: ^4.0.10 => 4.0.10
       npmGlobalPackages:
         expo-cli: 3.11.3
   

แนวคิดใดที่ฉันสามารถลองแก้ไขได้อีก

ข้อผิดพลาดแบบเต็มด้านล่าง:

Error: Unable to resolve module `./debugger-ui/debuggerWorker.d9da4ed7` from ``:

None of these files exist:
  * debugger-ui/debuggerWorker.d9da4ed7(.native|.native.expo.ts|.expo.ts|.native.expo.tsx|.expo.tsx|.native.expo.js|.expo.js|.native.expo.jsx|.expo.jsx|.native.ts|.ts|.native.tsx|.tsx|.native.js|.js|.native.jsx|.jsx|.native.json|.json|.native.wasm|.wasm)
  * debugger-ui/debuggerWorker.d9da4ed7/index(.native|.native.expo.ts|.expo.ts|.native.expo.tsx|.expo.tsx|.native.expo.js|.expo.js|.native.expo.jsx|.expo.jsx|.native.ts|.ts|.native.tsx|.tsx|.native.js|.js|.native.jsx|.jsx|.native.json|.json|.native.wasm|.wasm)
    at ModuleResolver.resolveDependency (/Users/serdarmustafa/task_location_namespace/node_modules/metro/src/node-haste/DependencyGraph/ModuleResolution.js:163:15)
    at ResolutionRequest.resolveDependency (/Users/serdarmustafa/task_location_namespace/node_modules/metro/src/node-haste/DependencyGraph/ResolutionRequest.js:52:18)
    at DependencyGraph.resolveDependency (/Users/serdarmustafa/task_location_namespace/node_modules/metro/src/node-haste/DependencyGraph.js:282:16)
    at /Users/serdarmustafa/task_location_namespace/node_modules/metro/src/lib/transformHelpers.js:267:42
    at /Users/serdarmustafa/task_location_namespace/node_modules/metro/src/Server.js:1305:37
    at Generator.next (<anonymous>)
    at asyncGeneratorStep (/Users/serdarmustafa/task_location_namespace/node_modules/metro/src/Server.js:99:24)
    at _next (/Users/serdarmustafa/task_location_namespace/node_modules/metro/src/Server.js:119:9)
    at processTicksAndRejections (internal/process/task_queues.js:85:5)

ตรวจดูรุ่นในnpmpackage.json

"dependencies": {
    "@react-native-firebase/app": "^6.0.0",
    "@react-native-firebase/auth": "^6.0.0",
    "acorn": "^7.0.0",
    "axios": "^0.19.1",
    "expo-web-browser": "^8.0.0",
    "i": "^0.3.6",
    "loadash": "^1.0.0",
    "npm": "^6.11.3",

ในกรณีของฉันฉันทำnpm updateและnpmเวอร์ชันของฉันที่ขึ้นต่อกันย้ายไปเป็นเวอร์ชันล่าสุดซึ่งทำให้เกิดการเปลี่ยนแปลง

ฉันแก้ไขข้อผิดพลาดนี้โดยการหยุดดีบักเกอร์cmd + d&& Stop debuggingจากนั้นทำการรีโหลดอย่างหนักบนแท็บดีบั๊กเปิดในโครเมี่ยมแล้วalt + control + click on reload buttonเลือกEmpty cache and hard reloadรีสตาร์ทดีบักเกอร์

สิ่งนี้ยังสามารถเกิดขึ้นได้หากคุณติดตั้งการพึ่งพา แต่ลืมติดตั้งการพึ่งพาอื่น ๆ ที่จำเป็นสำหรับการอ้างอิงนั้น ตัวอย่างเช่นฉันติดตั้ง react-native-push-notification แต่ลืมติดตั้ง PushNotificationIOS และฉันมีข้อผิดพลาดเหมือนกัน

สิ่งนี้อาจเกิดขึ้นได้หากคุณย้ายโมดูลโค้ดของคุณไปยังไดเรกทอรีอื่นเช่น/srcเพื่อใช้ประโยชน์จากการนำเข้าพา ธ สัมบูรณ์โดยใช้module-resolverปลั๊กอินbabel.config

แก้ไขให้ฉันได้สองวิธี:

ครั้งแรกที่ฉันเพียงแค่ลบออกsourceMappingURLจากไฟล์ที่กล่าวถึงเป็นสิ่งเหล่านี้ดูเหมือนจะทำให้เกิดข้อผิดพลาด (สร้างปัญหา?)

แต่เนื่องจากฉันต้องทำซ้ำในการอัพเดท / เพิ่มแพ็คเกจใด ๆ (ซึ่งค่อนข้างน่ารำคาญอย่างที่คุณคาดเดา;) ฉันมีความสุขมากที่@react-native-community/cli-debugger-ui v4.7.0เปิดตัวเมื่อวานนี้! ดังนั้นฉันจึงเพิ่มสิ่งต่อไปนี้ในของฉันอย่างรวดเร็วpackage.json:

"resolutions": {
    "@react-native-community/cli-debugger-ui": "4.7.0"
  }

ตอนนี้หลังจากลบyarn.lockแล้วการเรียกใช้npx react-native-clean-project(สิ่งเดียวกันสามารถทำได้โดยการลบการnode_modulesทำความสะอาดแต่ละบิลด์ & พ็อด แต่react-native-clean-projectมีเปอร์เซ็นต์น้อยกว่ามาก) & ทำงานyarnอีกครั้งปัญหาก็หายไป

(อย่าลืมลบความละเอียดเมื่อ RN อัปเดตอีกครั้ง ... )

การอ้างอิง: https://github.com/react-native-community/cli/issues/1081#issuecomment-614223917