EXPO: Không thể giải quyết mô-đun './debugger

Sau khi tải lại, ứng dụng của tôi đã ngừng tải.

Tôi đã thử trên cả trình giả lập và 2 nhà phát triển thực sự, android và ios.

Lỗi là:

Lỗi: Không thể giải quyết mô-đun ./debugger-ui/debuggerWorker.d9da4ed7từ ``:

và thỉnh thoảng tôi sẽ gặp lỗi, 'không thể xác định vị trí'.

Tôi đã thử như sau:

1. Đồng hồ đeo tay rõ ràng : watchman watch-del-all.
2. Xóa node_modulesthư mục : rm -rf node_modules && npm install.
3. Đặt lại bộ đệm Metro Bundler: rm -rf /tmp/metro-bundler-cache-*hoặc npm start -- --reset-cache.
4. Xóa bộ nhớ cache vội vàng : rm -rf /tmp/haste-map-react-native-packager-*.

5. Khởi động lại máy tính.

     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
   

Bất kỳ ý tưởng về những gì khác tôi có thể cố gắng giải quyết điều này?

Lỗi đầy đủ bên dưới:

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)

Kiểm tra npmphiên bản của bạn trong package.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",

Trong trường hợp của tôi, tôi đã làm npm updatevà npmphiên bản phụ thuộc của tôi chuyển sang phiên bản mới nhất gây ra thay đổi đột phá

Tôi đã khắc phục lỗi này bằng cách dừng trình gỡ lỗi cmd + d&& Stop debuggingsau đó thực hiện tải lại cứng trên tab trình gỡ lỗi mở trong chrome alt + control + click on reload buttonvà chọn Empty cache and hard reloadsau đó khởi động lại trình gỡ lỗi.

Điều này cũng có thể được gây ra nếu bạn cài đặt một phụ thuộc, nhưng quên cài đặt các phụ thuộc khác cần thiết cho sự phụ thuộc đó. Ví dụ: tôi đã cài đặt thông báo phản ứng tự nhiên, nhưng quên cài đặt PushNotificationIOS và tôi đã gặp một lỗi giống hệt nhau.

Điều này cũng có thể xảy ra nếu bạn di chuyển các mô-đun mã của mình sang một thư mục khác như /srcđể tận dụng lợi thế của việc nhập đường dẫn tuyệt đối bằng cách sử dụng module-resolverplugin trongbabel.config

Giải quyết nó cho tôi theo hai cách:

Đầu tiên tôi chỉ cần loại bỏ sourceMappingURLkhỏi các tệp được đề cập, vì chúng dường như làm tăng lỗi (vấn đề xây dựng?).

Nhưng vì tôi đã phải làm lại điều này trên bất kỳ cập nhật / bổ sung gói nào (điều này khá khó chịu, như bạn có thể đoán được;), tôi đã rất vui khi @react-native-community/cli-debugger-ui v4.7.0được phát hành ngày hôm qua! Vì vậy, tôi nhanh chóng thêm vào như sau package.json:

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

Bây giờ, sau khi xóa yarn.lock, chạy npx react-native-clean-project(điều tương tự có thể được thực hiện bằng cách xóa node_modules, làm sạch các bản dựng và nhóm riêng lẻ, nhưng react-native-clean-projectrất nhiều% gọn gàng hơn) và chạy yarnlại, vấn đề đã biến mất.

(Đảm bảo xóa độ phân giải, khi RN cập nhật lại ...)

Tham khảo: https://github.com/react-native-community/cli/issues/1081#issuecomment-614223917