Crbug/1173575，不推荐使用非 JS 模块文件。chromewebdata/（index）꞉5305：9：5551

javascript angular visual-studio-code

2022-08-30 05:30:58

我刚刚创建了一个新项目，并首次使用或 + 运行它。Chrome 中的结果是：F5CtrlF5

无法访问该网站

err_connection_refused

我检查了“捕获的异常”断点处的选项，并显示以下错误。

如果未选中“捕获异常”，则会引发下一个错误：

我试图从终端运行“ng s -o”，一切正常。该站点在端口 4200 上运行良好，但我喜欢调试。

这是我的launch.json文件，默认情况下都是：

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "pwa-chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:4200",
            "webRoot": "${workspaceFolder}"
        }
    ]
}

为什么会发生这种情况？

答案 1

此误导性错误消息似乎与Chrome或任何已弃用的功能无关。它可能有许多根本原因，并且似乎在无法建立连接时发生。

我在遵循 VS Code 的 React 教程时得到了这个。在本教程中，您首先创建一个模板，然后使用运行它。这很有效，我可以看到它用于浏览器中的URL。npxnpm starthttp://localhost:3000

但是，当我按照教程的要求更改代码并设置断点进行调试时，我在OP的帖子中收到了错误，无论是Chrome还是Edge。

VS Code 正在为调试创建一个默认值，并按如下方式填充它：launch.json

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    "version": "0.2.0",
    "configurations": [
        {
            "type": "pwa-chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:8080",
            "webRoot": "${workspaceFolder}"
        }
    ]
}

我需要手动将8080更改为3000，从而解决了问题。

对我来说，关键是配置断点以捕获所描述的OP中的异常（注意 - 您只能在最左侧的图标菜单中选择“调试”图标来配置它）。虽然发出的错误消息仍然是误导性的“已弃用”错误消息，但有一条消息“无法访问该网站”，如果您稍微挖掘一下，您可以找到该消息 - 如下所示：