Flutter Web 应用需要更多时间来执行

Question

我有一个支持 Android 和 iOS 的现有插件。现在，我试图提供网络支持。所以，我按照这里提到的步骤， https://flutter.dev/docs/get-started/web 在 chrome 中运行应用程序需要更多时间。

在 chrome 的控制台中，我可以看到以下消息。

DevTools 加载 SourceMap 失败：无法加载 http://localhost:53829/web_entrypoint.dart.lib.js.map 的内容：加载因加载超时而取消 DevTools 无法加载 SourceMap：无法加载 http://localhost:53829/packages/syncfusion_flutter_pdfviewer_example/generated_plugin_registrant.dart.lib.js.map 的内容：加载因加载超时而取消 DevTools 无法加载 SourceMap：无法加载 http://localhost:53829/packages/flutter_web_plugins/src/plugin_registry.dart.lib.js.map 的内容：加载因加载超时而取消 DevTools 无法加载 SourceMap：无法加载 http://localhost:53829/packages/syncfusion_flutter_pdfviewer_example/main.dart.lib.js.map 的内容：加载因加载超时而取消 DevTools 无法加载 SourceMap：无法加载 http://localhost:53829/packages/syncfusion_flutter_pdfviewer_web/src/web/syncfusion_flutter_pdfviewer_web.dart.lib.js.map 的内容：加载因加载超时而取消 DevTools 无法加载 SourceMap：无法加载 http://localhost:53829/packages/flutter/src/services/system_channels.dart.lib.js.map 的内容：加载因加载超时而取消 DevTools 加载 SourceMap 失败：无法加载 http://localhost:53829/packages/flutter/src/foundation/debug.dart.lib.js.map 的内容：加载因加载超时而取消 DevTools 加载 SourceMap 失败：无法加载 http://localhost:53829/packages/flutter/src/widgets/icon.dart.lib.js.map 的内容：加载因加载超时而取消 DevTools 未能加载 SourceMap：无法加载 http://localhost:53829/packages/syncfusion_flutter_pdfviewer/src/control/scroll_head.dart.lib.js.map 的内容：加载因加载超时而取消 DevTools 无法加载 SourceMap：无法加载 http://localhost:53829/packages/flutter/src/material/colors.dart.lib.js.map 的内容：加载因加载超时而取消 DevTools 无法加载 SourceMap：无法加载 http://localhost:53829/packages/syncfusion_flutter_pdfviewer_web/src/web/resources/document_repository.dart.lib.js.map 的内容：加载因加载超时而取消 DevTools 加载 SourceMap 失败：无法加载 http://localhost:53829/packages/flutter/src/material/app.dart.lib.js.map 的内容：加载因加载超时而取消 DevTools 无法加载 SourceMap：无法加载 http://localhost:53829/packages/syncfusion_flutter_pdfviewer_web/src/web/resources/page_repository.dart.lib.js.map 的内容：加载因加载超时而取消 DevTools 无法加载 SourceMap：无法为 http://localhost:53829/packages/flutter/src/foundation/serialization.dart.lib.js.map 加载内容：加载因加载超时而取消 DevTools 无法加载 SourceMap：无法加载 http://localhost:53829/packages/flutter/src/foundation/object.dart.lib.js.map 的内容：加载因加载超时而取消 DevTools 无法加载 SourceMap：无法加载 http://localhost:53829/packages/flutter/src/foundation/synchronous_future.dart.lib.js.map 的内容：加载因加载超时而取消 DevTools 加载 SourceMap 失败：无法加载 http://localhost:53829/packages/flutter/src/scheduler/binding.dart.lib.js.map 的内容：加载因加载超时而取消 DevTools 无法加载 SourceMap：无法加载 http://localhost:53829/packages/flutter/src/foundation/change_notifier.dart.lib.js.map 的内容：加载因加载超时而取消 DevTools 无法加载 SourceMap：无法加载 http://localhost:53829/packages/flutter/src/foundation/licenses.dart.lib.js.map 的内容：加载因加载超时而取消 DevTools 无法加载 SourceMap：无法加载 http://localhost:53829/packages/flutter/src/scheduler/priority.dart.lib.js.map 的内容：加载因加载超时而取消 DevTools 无法加载 SourceMap：无法加载 http://localhost:53829/packages/flutter/src/foundation/_isolates_web.dart.lib.js.map 的内容：加载因加载超时而取消 DevTools 无法加载 SourceMap：无法加载 http://localhost:53829/packages/flutter/src/foundation/binding.dart.lib.js.map 的内容：加载因加载超时而取消 DevTools 无法加载 SourceMap：无法加载 http://localhost:53829/packages/flutter/src/foundation/consolidate_response.dart.lib.js.map 的内容：加载因加载超时而取消 DevTools 加载 SourceMap 失败：无法加载 http://localhost:53829/packages/flutter/src/foundation/print.dart.lib.js.map 的内容：加载因加载超时而取消

Flutter 信息：

[√] Flutter（Channel beta，1.25.0-8.1.pre，在 Microsoft Windows [版本 10.0.19041.685] 上，语言环境 en-US） • Flutter 版本 1.25.0-8.1.pre，位于 C:\flutter • 框架修订 8f89f6505b（3 周前），2020-12-15 15:07:52 -0800 • 发动机版本 92ae191c17 • Dart 版本 2.12.0（内部版本 2.12.0-133.2.beta）

[!] Android 工具链 - 为 Android 设备开发（Android SDK 版本 30.0.2） • Android SDK 位于 C:\Users\xx\AppData\Local\Android\Sdk • 平台 android-30，构建工具 30.0.2 • ANDROID_HOME = C:\Users\xx\AppData\Local\Android\Sdk • Java 二进制文件位于：C:\Program Files\Android\Android Studio\jre\bin\java • Java 版 OpenJDK 运行时环境（内部版本 1.8.0_242-release-1644-b01） ！不接受某些 Android 许可证。要解决此问题，请运行：flutter doctor --android-licenses

[√] Chrome - 为网络开发 • C:\Program Files (x86)\Google\Chrome\Application\chrome.exe 中的 Chrome

[√] Android Studio（4.1.0版） • Android Studio 位于 C:\Program Files\Android\Android Studio • Flutter 插件可以从以下位置安装： https://plugins.jetbrains.com/plugin/9212-flutter • Dart 插件可以从以下位置安装： https://plugins.jetbrains.com/plugin/6351-dart • Java 版 OpenJDK 运行时环境（内部版本 1.8.0_242-release-1644-b01）

[√] VS Code，64 位版本（版本 1.31.0） • C:\Program Files\Microsoft VS Code 中的 VS 代码 • Flutter 扩展可以从以下位置安装： https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter

[√] 已连接设备（1 个可用） • Chrome（网络） • chrome • web-javascript • Google Chrome 87.0.4280.88

！医生发现了 1 个类别的问题。

Answer 1

我已经解决了这个问题，方法是将我的参考包从绝对路径替换为 pubspec.yaml 中托管的 pub dev 包参考。现在，调试我的颤振应用程序需要几秒钟。