Ionic 5 - chrome://inspect 看不到 webpack 文件夹答案

【问题标题】：Ionic 5 - chrome://inspect do not see webpack folderIonic 5 - chrome://inspect 看不到 webpack 文件夹
【发布时间】：2021-09-17 05:05:06
【问题描述】：

我有一个带有 Angular 12 和 Cordova 的 Ionic 5 应用程序。我使用以下内容进行实时重新加载：

ionic cordova run android -l

我不确定发生了什么，但是当我现在启动 chrome://inpsect，单击检查并转到 Sources 选项卡以调试我的代码时，我不再拥有 webpack:// 文件夹。这在以前有效。

我看到 top\localhost:8100\plugin、top\localhost:8100\connection 和 top\localhost:8100\minimized js > 文件，但没有 webpack:// 文件夹。

我已尝试删除平台并重新添加它们。我还删除了现有的 www 文件夹并添加了一个空的 www 文件夹。

以下是我的 Ionic 信息。

有什么想法可能会导致这种情况发生变化，以及我需要做些什么来恢复 webpack:// 文件夹？

Ionic:

   Ionic CLI                     : 6.16.3 (/Users/b/.nvm/versions/node/v14.17.1/lib/node_modules/@ionic/cli)
   Ionic Framework               : @ionic/angular 5.6.9
   @angular-devkit/build-angular : 12.0.4
   @angular-devkit/schematics    : 12.0.4
   @angular/cli                  : 12.0.4
   @ionic/angular-toolkit        : 4.0.0

Cordova:

   Cordova CLI       : 10.0.0
   Cordova Platforms : android 9.1.0, ios 6.2.0
   Cordova Plugins   : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 5.0.0, (and 12 other plugins)

Utility:

   cordova-res : 0.15.3
   native-run  : 1.4.0

System:

   ios-sim : 8.0.2
   NodeJS  : v14.17.1 (/Users/b/.nvm/versions/node/v14.17.1/bin/node)
   npm     : 6.14.13
   OS      : macOS Big Sur
   Xcode   : Xcode 12.5.1 Build version 12E507

谢谢，

布伦特

【问题讨论】：

设备上的操作系统版本和浏览器版本是多少？如果可能，浏览器在与 Android 操作系统同步方面是否已过时？
我使用的是运行 Android 10 和 Chrome 版本 91.0.4472.120 的 Pixel。我确实看到 chrome://inspect 显示它们不同步，但在过去，如果我使用检查后备链接，它会起作用。它不再这样做了。如果我创建一个全新的启动项目（Ionic 5 / Angular 12），我可以看到 webpack:// 文件夹，所以我的应用程序项目现在有问题。只是不确定如何追踪它？

标签： cordova debugging ionic-framework google-chrome-devtools

【解决方案1】：

嗯，我尝试了很多东西。

为了让它工作，我最终创建了一个新的 Ionic 5 项目，然后添加了我的组件、页面等。

【讨论】：