[react-native] EXPO : 모듈 ‘./ 디버거를 분석 할 수 없습니다.

다시로드 후 내 앱의로드가 중지되었습니다.

나는 에뮬레이터와 2 개의 실제 개발자 인 안드로이드와 iOS에서 모두 시도했습니다.

오류는 다음과 같습니다

오류 : ./debugger-ui/debuggerWorker.d9da4ed7“에서 모듈을 확인할 수 없습니다 :

간혹 ‘인스턴스를 찾을 수 없습니다’라는 오류가 발생합니다.

나는 다음을 시도했다.

  1. 클리어 워치 맨 시계 : watchman watch-del-all.
  2. node_modules폴더를 삭제하십시오 : rm -rf node_modules && npm install.
  3. Metro 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)



답변

npm에서 버전을 확인하십시오 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",

필자의 경우 의존 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


답변