在打开浏览器进行调试时颤动网络崩溃

Posted 2023-02-23

技术标签:

【中文标题】在打开浏览器进行调试时颤动网络崩溃【英文标题】：flutter web crash on opening browser for debugging 【发布时间】：2021-08-16 22:32:52 【问题描述】：

我正在使用 android Studio，当我在 chrome 或 edge 上运行项目时，我会看到启动画面，然后，通常我会看到：

编辑 - 添加await Firebase.initializeApp();后发生

【问题讨论】：

嗨！你解决了这个问题吗？ @SergeyShustikov 不，它只是有一天停止发生。我确实有一些断点错误消息，通过从项目中删除所有断点来解决。 【参考方案1】：

静音所有断点然后运行调试对我有用。

【讨论】：

【参考方案2】：

我遇到了这个问题，但“flutter clean”解决了它。

【讨论】：

【参考方案3】：

尝试通过添加 -d web-server 参数来将您的应用程序作为 Web 服务器启动，如果您想在发布模式下测试您的应用程序，则需要将 Dart Debug Chrome extension 添加到您的 chrome 导航器中添加--release 给你的指挥官。

如果你使用 VS Code 作为你的 IDE，这里有一个可以用于移动和网络平台的启动器：


"version": "0.2.0",
"configurations": [
    
        "name": "production",
        "request": "launch",
        "type": "dart",
    ,
    
        "name": "Web-release",
        "request": "launch",
        "type": "dart",
        "args":["--web-renderer","html","-d","web-server","--release"],
    ,
    
        "name": "Web-debug",
        "request": "launch",
        "type": "dart",
        "args":["--web-renderer","html","-d","web-server"],
    ,
]

如果您的应用程序不包含表情符号或处理图像的包，您可以转义 "--web-renderer","html"。

在 android studio 上，您的启动器应该是这样的：

【讨论】：

现在应用卡在启动屏幕上，我在控制台中有这个：DevTools 无法加载 SourceMap：无法加载 chrome-extension://fheoggkfdfchfphceeifdbepaooicaho/sourceMap/chrome/content 的内容。地图：HTTP 错误：状态码 404，net::ERR_UNKNOWN_URL_SCHEME 我禁用了源映射。现在我在控制台中看不到任何内容，但应用程序仍在启动屏幕上。在发布模式下运行并检查没有问题，如果它运行，只需重新启动@RonyTesler 它只在发行版中运行。控制台中出现这些错误：加载资源失败：net::ERR_CONNECTION_RESET 导航到localhost:52087/forms/mentor导师：1 尝试使用清单中的以下图标时出错：localhost:52087/icons/Icon-192.png（下载错误或资源不是有效的图像) 试试这个，***.com/questions/66509020/…【参考方案4】：

我也遇到过这个问题，虽然它不是解决方案（对我来说似乎是网络开发工具的问题）解决方法似乎是在运行调试之前删除或静音断点！强>

几个月来我一直在努力解决这个问题。我像你一样将原因隔离到一个外部包，但在我的情况下，它是 AWS Amplify 但我相信它们会导致一些 javascript 问题/与调试工具发生冲突。

因此，只要您在调试中运行项目时没有任何活动断点，它似乎就可以正常运行。然后，您可以在之后添加断点。如前所述，如果您不想每次都重置断点，如果您的 IDE 允许，在调试中运行项目之前将其静音也可以。

如果这对其他人有用，会很有趣，因为它似乎适用于我们的团队在 Windows 和 Mac 上使用 Android Studio 在 Chrome 中进行调试。

【讨论】：

【参考方案5】：

正如我在评论中提到的，删除所有断点可以解决不同的错误消息，但您可以尝试看看它是否也对此有帮助。

【讨论】：

【参考方案6】：

TimMutlow 的回答为我解决了这个问题（终于！），但我刚刚清除了 Run > Remove All Breakpoints 下的所有断点。但是，我设置的断点仍然被命中，即使它们不再显示在 IDE 中。我怀疑存在一些潜在问题，我添加了许多需要从缓存中清除的断点/修改代码。

我也同意这是 IDE/Web 开发工具问题的解决方法。

【讨论】：