Ionic 离子电容器:DevTools无法加载SourceMap:无法加载内容...:未知错误

dced5bon  于 9个月前  发布在  Ionic
关注(0)|答案(1)|浏览(82)

我无法从Android Emulator调试应用程序。我不知道发生了什么事,因为之前它运行良好,可以调试。
下面是我从chrome://inspect得到的错误:

DevTools failed to load SourceMap: Could not load content for http://192.168.100.31:8100/static/js/bundle.js.map: Unknown error
DevTools failed to load SourceMap: Could not load content for http://192.168.100.31:8100/static/js/vendors~main.chunk.js.map: Unknown error
DevTools failed to load SourceMap: Could not load content for http://192.168.100.31:8100/static/js/main.chunk.js.map: Unknown error
DevTools failed to load SourceMap: Could not load content for http://192.168.100.31:8100/static/js/3.chunk.js.map: Unknown error
DevTools failed to load SourceMap: Could not load content for http://192.168.100.31:8100/static/js/53.chunk.js.map: Unknown error
DevTools failed to load SourceMap: Could not load content for http://192.168.100.31:8100/static/js/51.chunk.js.map: Unknown error
DevTools failed to load SourceMap: Could not load content for http://192.168.100.31:8100/static/js/49.chunk.js.map: Unknown error
DevTools failed to load SourceMap: Could not load content for http://192.168.100.31:8100/static/js/39.chunk.js.map: Unknown error
DevTools failed to load SourceMap: Could not load content for http://192.168.100.31:8100/static/js/16.chunk.js.map: Unknown error
DevTools failed to load SourceMap: Could not load content for http://192.168.100.31:8100/static/js/33.chunk.js.map: Unknown error
DevTools failed to load SourceMap: Could not load content for http://192.168.100.31:8100/static/js/20.chunk.js.map: Unknown error
DevTools failed to load SourceMap: Could not load content for http://192.168.100.31:8100/static/js/22.chunk.js.map: Unknown error
DevTools failed to load SourceMap: Could not load content for http://192.168.100.31:8100/static/js/42.chunk.js.map: Unknown error
DevTools failed to load SourceMap: Could not load content for http://192.168.100.31:8100/static/js/47.chunk.js.map: Unknown error
DevTools failed to load SourceMap: Could not load content for http://192.168.100.31:8100/static/js/15.chunk.js.map: Unknown error
DevTools failed to load SourceMap: Could not load content for http://192.168.100.31:8100/static/js/24.chunk.js.map: Unknown error
DevTools failed to load SourceMap: Could not load content for http://192.168.100.31:8100/static/js/44.chunk.js.map: Unknown error
DevTools failed to load SourceMap: Could not load content for http://192.168.100.31:8100/static/js/7.chunk.js.map: Unknown error
DevTools failed to load SourceMap: Could not load content for http://192.168.100.31:8100/static/js/29.chunk.js.map: Unknown error
DevTools failed to load SourceMap: Could not load content for http://192.168.100.31:8100/static/js/45.chunk.js.map: Unknown error
DevTools failed to load SourceMap: Could not load content for http://192.168.100.31:8100/static/js/41.chunk.js.map: Unknown error
DevTools failed to load SourceMap: Could not load content for http://192.168.100.31:8100/static/js/9.chunk.js.map: Unknown error
DevTools failed to load SourceMap: Could not load content for http://192.168.100.31:8100/static/js/21.chunk.js.map: Unknown error
DevTools failed to load SourceMap: Could not load content for http://192.168.100.31:8100/static/js/25.chunk.js.map: Unknown error

我无法在任何.ts源文件中设置断点。
如果我从浏览器打开http://192.168.100.31:8100,我可以完美地调试它,但如果我在Android Emulator上运行它就不行了。如果我在真实的设备上运行我的应用程序,它也可以正常工作,它可以在真实的设备中调试,但不能在模拟器中调试。
我想浏览器和模拟器之间的连接有问题。
请帮助我需要调试我的应用程序在我的模拟器。

配置

ionic.config.json

{
  "name": "xxxx",
  "integrations": {
    "capacitor": {}
  },
  "type": "react"
}

这是我的tsconfig.json

{
  "compilerOptions": {
    "target": "es5",
    "lib": [
      "dom",
      "dom.iterable",
      "esnext"
    ],
    "allowJs": true,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "noFallthroughCasesInSwitch": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react-jsx",
    "baseUrl": "./src",
    "sourceMap": true
  },
  "include": [
    "src"
, "../StoreApp/src/helpers/util.tsx"  ]
}
twh00eeo

twh00eeo1#

使用Ionic和Capacitor CLI命令对我很有效。

Ionic : 7
Capacitor: 5
Angular: 16

有关Ionic命令的更多详细信息
https://ionicframework.com/docs/cli/commands/build
有关CLI命令的更多详细信息,
https://capacitorjs.com/docs/cli/commands/copy
构建Web资产并为任何平台目标准备应用
--source-map:输出源Map

ionic build --source-map

将Web应用程序构建和Capacitor配置文件复制到本机平台项目中
--inline:同步后,所有JS源Map将被内联,允许在基于Chromium的浏览器中调试Android Web View。

npx cap copy android --inline

构建Web资产并为任何平台目标准备应用

npx cap run android

相关问题