Expo React-Native 调试器 - 错误:无法从 ` 解析模块`./debugger-ui/debuggerWorker.cff11639.js`

Posted

技术标签:

【中文标题】Expo React-Native 调试器 - 错误:无法从 ` 解析模块`./debugger-ui/debuggerWorker.cff11639.js`【英文标题】:Expo React-Native Debugger - Error: Unable to resolve module `./debugger-ui/debuggerWorker.cff11639.js` from `` 【发布时间】:2020-12-11 07:40:06 【问题描述】:

我刚开始使用 React-Native Expo,它有一个在 android 模拟器中运行的空白应用程序。但在 Chrome 中尝试使用开发人员工具中的 react-native 调试器时出现错误。

我从 Expo on the emulator 的开发人员菜单中选择“调试远程 JS”,这将在 Chrome 中打开此窗口 https://i.stack.imgur.com/V2NKr.png

从这里我在 chrome 中打开开发者工具后立即收到以下错误:

Error: Unable to resolve module `./debugger-ui/ui.bcd3f9d1.js` from ``: 

None of these files exist:
  * debugger-ui\ui.bcd3f9d1.js(.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\ui.bcd3f9d1.js\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 (C:\Users\Daniel\Projects.ReactNative\MyApp\node_modules\metro\src\node-haste\DependencyGraph\ModuleResolution.js:163:15)
    at ResolutionRequest.resolveDependency (C:\Users\Daniel\Projects.ReactNative\MyApp\node_modules\metro\src\node-haste\DependencyGraph\ResolutionRequest.js:52:18)
    at DependencyGraph.resolveDependency (C:\Users\Daniel\Projects.ReactNative\MyApp\node_modules\metro\src\node-haste\DependencyGraph.js:287:16)
    at C:\Users\Daniel\Projects.ReactNative\MyApp\node_modules\metro\src\lib\transformHelpers.js:267:42   
    at Server.<anonymous> (C:\Users\Daniel\Projects.ReactNative\MyApp\node_modules\metro\src\Server.js:841:41)
    at Generator.next (<anonymous>)
    at asyncGeneratorStep (C:\Users\Daniel\Projects.ReactNative\MyApp\node_modules\metro\src\Server.js:99:24)
    at _next (C:\Users\Daniel\Projects.ReactNative\MyApp\node_modules\metro\src\Server.js:119:9)

在 chrome 控制台中也会收到这些警告:

DevTools failed to load SourceMap: Could not load content for http://localhost:19001/debugger-ui/ui.bcd3f9d1.js.map: HTTP error: status code 500, net::ERR_HTTP_RESPONSE_CODE_FAILURE
DevTools failed to load SourceMap: Could not load content for http://localhost:19001/debugger-ui/ui.7beef9ab.css.map: HTTP error: status code 500, net::ERR_HTTP_RESPONSE_CODE_FAILURE
DevTools failed to load SourceMap: Could not load content for http://localhost:19001/debugger-ui/debuggerWorker.cff11639.js.map: HTTP error: status code 500, net::ERR_HTTP_RESPONSE_CODE_FAILURE

我试过了:

删除node_modulespackage-lock.json 然后npm install Chrome 开发者工具中的空缓存和硬重新加载 清除 Expo 缓存,expo r -c 在 Android 虚拟设备上重新安装 Expo

【问题讨论】:

嘿丹尼尔,你找到解决这个问题的方法了吗?我在弹出 Expo SDK 43 时遇到了类似的错误。 【参考方案1】:

试试这个

npx react-native start --reset-cache

【讨论】:

以上是关于Expo React-Native 调试器 - 错误:无法从 ` 解析模块`./debugger-ui/debuggerWorker.cff11639.js`的主要内容,如果未能解决你的问题,请参考以下文章

无法在博览会上调试/测试我的 react-native 应用程序

使用 react-native (expo) 切换手电筒

React-native refs 和 Expo Camera

React-Native (expo) 检索初始主题(或任何初始化值)

不使用 react-native 的 Expo 分支

expo 应用程序中的 React-native 安装问题