Crbug/1173575，非 JS 模块文件已弃用. chromewebdata/(索引)5305:9:5551

我也有过类似的问题。然而，我发现了一个不同的解决方案。仍然值得检查 OP 解决方案中 GitHub 链接中的步骤。

我正在进行的项目是在一个旧版本中完成的，并且 发射 Json URL 有//分隔符。不使用分隔符替换这些符号解决了这个问题。

来自

"url":"file:///C://exampleParent//exampleChild//file.txt"

到

 "url":"file:///c:/exampleParent/exampleChild/file.txt"

与其使用选项 “对本地主机启动 Chrome”启动应用程序，不如将应用程序名称设置为启动-Resolved。

有关更多上下文，请参见附件中的图像。

当我尝试按照 使用 Angular CLI 调试 Chrome中描述的步骤进行操作时，我得到一条消息，表示不再支持该库，并且提供了一个到本文的链接:

请求的过去、现在和未来 # 3142

我也有同样的错误，我关闭了我的插件来解决它。特别是我一直在使用的 CORS插件。

在我的例子中，通过关闭浏览器并重新编译应用程序解决了这个问题。

我也有同样的问题，问题出在 URL 上，它是 https://localhost:8000;而不是 http://localhost:8000。

因此，请尝试检查您的 URL 和路线。

当我试图调试 Python 文件时，在 VisualStudioCode 中遇到了同样的问题。我通过删除以前的 发射 Json文件并为这个文件创建一个新文件来解决这个问题。

我在一个 JavaScript 项目中也遇到过类似的情况。但是我还没有学习 JSON，但是我刚刚删除了 删除名称“ url”和“ webroot”的 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": [
{
"request": "launch",
"name": "Launch Chrome against localhost",
"type": "dart"
}
]
}

我有同样的问题，一个应用程序需要运行 navigator.geolocation.getCurrentPosition在我的反应应用程序，当然需要 HTTPS。

// .env.local HTTPS is set to true
HTTPS=true

问题是，我加载的页面是 HTTP而不是 HTTPS。

错误截图

我有一个错误 crbug/1173575, non-JS module files deprecated与一些 PDF 文件显示在一个 iframe。

这是因为他们在文件名中有一个逗号(“ ,”)。重命名文件后，一切正常。

检查点(如果您使用的是文件夹/文件)

1. 检查文件夹/文件名
2. 删除特殊字符(文件夹/文件名不允许特殊字符)
3. 仔细调试您的代码(Javacatch 异常无法捕获这些错误)

我认为我们应该删除网址中的 cookies:

我见过很多解决这个问题的方法，但是没有一个奏效。

在进行了一些调试并注释掉了代码的许多部分之后，我设法找到了问题所在。

基本上，它发生在后端，而不是前端。

有一个无限循环，让回应停滞不前，解决了这个问题，为我解决了它。

打开文件 发射 Json，在“配置”中将“ URL”中的端口号更改为活动服务器的端口号。

在我的例子中，问题在于端口4200被另一个应用程序(Docker)占用。只要我通过在 angular.json文件的 serve部分添加下一个结构将端口更改为4201，问题就解决了。

"options": {
"port": 4201
}

我在调试控制台中显示了类似的消息，问题是本地 Web 服务器已关闭，因此无法访问。

我打开虚拟机中的服务器，应用程序又开始工作了: -)

我可以通过单击“ Add Configuration”并包含我们在 package.json 文件中指定的命令来运行我的程序，并在开发过程中使用这个命令。

对我来说，问题是 做出反应/下一个应用程序没有运行。

基本上，您必须让应用程序在单独的窗口/终端中运行，以便能够附加调试器。这与从调试控制台本身开始的其他应用程序不同。

这可能对那些在跨 iframe 通信的项目中工作的人有用，我在当前的 Web 应用程序中发现了这个警告: Crbug/1173575，不推荐使用非 JS 模块文件。

在我的例子中，原因是资源 Iframe 的起源没有被服务，这意味着 Iframe 请求 URL 无法访问。提供资源时，警告消失。

我在三个不同的 下一个项目中遇到了这个错误。同样的错误也出现在 Chrome，Chrome Incoignto，Firefox 和 Edge中。

它发生在生产构建(next build && next start)和开发服务器(next dev)上。在尝试了许多修复程序之后——确保我使用的是 HTTP 而不是 HTTPS，检查端口是否正在使用，删除文件夹 Node _ module并运行 npm install，等等。最后起作用的是重启我的电脑。

删除这两行对我来说很有用，这是一个 HTTPS 错误。

   var cors = require('cors');
app.use(cors());

为此添加另一个角度。我用 .mjs来命名我的 JavaScript 模块。设置后，我的网络服务器，以服务 mjs与 MIME 类型 application/javascript。我搞错了

Crbug/1173575非 JS 模块文件已弃用

这里没有一个答案有帮助。为了修复它，我给了一个模块的路径。

从

<script type="module" src="xxx.mjs"></script>

敬

<script type="module" src="./xxx.mjs"></script>

错误消失了。

在 VisualStudio 代码中，您可以使用“普通”Dart & Flutter 运行和调试配置。 如果你没有打开一个模拟器，应用程序将在 Chrome 浏览器中自动打开。

{
// 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": [
{
"name": "app",
"request": "launch",
"type": "dart"
},
{
"name": "app (profile mode)",
"request": "launch",
"type": "dart",
"flutterMode": "profile"
}
]
}

测试在 VSCode 1.62.3与 Dart 2.14.4和 Flutter 2.8.0-3.3. pre

我的问题是在我的 Windows10计算机的网络设置，而不是在浏览器上。我已经在另一台电脑和移动浏览器中尝试了我的 URL，它工作得很好。

所以，我已经通过 重置我的网络设置解决了这个问题

要做到这一点，转到 设定→ 网络和互联网→向下滚动到 网络重置。

等待5分钟，直到它重新启动。

我在 VisualStudio 代码中为 Angular 应用程序进行调试时遇到了这个问题。

可能的原因可能是服务器没有启动并监听端口。您可以使用端口号通过 ng serve --port手动启动服务器。还要比较 < a href = “ https://code.visalstudio.com/docs/cpp/laun- json-reference”rel = “ nofollow norefrer”> launch.json 中的 URL 并比较端口号。

在 VisualStudio 代码中，将你的 运行和调试改为 飞镖与扑腾，然后试着运行。它会工作的。

我也遇到过这个问题，所列出的解决方案没有一个是有用的。 然而，这个问题相当容易解决。

只需进入 Chrome 开发者控制台的 网络选项卡。确保连接在 不要踩油门而不是 离线上。

在我的情况下，我有一个 Blazor解决方案，并开始接收 “ Crbug/1173575，非 JS 模块文件已弃用消息”。除此之外，我还收到了 Index.html文件的404错误！

原因是我无意中删除了 .Server项目中对 .Client项目的引用。该项目在没有引用的情况下编译得很好，但是我猜 ASP.NET 核心会对依赖项进行某种基于反射的分析，以动态构建路线图。

恢复对 。客户项目的引用修复了 。服务器项目的问题。

这个 误导性错误信息似乎与 Chrome 或任何不被推崇的功能没有任何关系。它可能有许多根本原因，而且似乎在无法建立连接时就会发生。

我是在学习 VisualStudio 代码的 React 教程时得到这个的。在该教程中，首先用 npx创建一个模板，然后用 npm start运行它。这很有效，而且我可以看到它正在使用 Http://localhost:3000作为浏览器中的 URL。

然而，当我按照教程的要求修改代码并设置一个断点进行调试时，我在 OP 的文章中得到了错误，包括 Chrome 和 Edge。

VisualStudio 代码正在创建一个默认的 发射 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 那样的异常(注意，只能使用在最左边的图标菜单中选择的 调试图标配置该断点)。虽然发出的错误消息仍然是误导性的“不推荐”消息，但是有一条消息是“无法访问该站点”，如果你稍加挖掘，就可以找到这条消息——如下所示:

我想实际上任何导致连接失败的配置问题都会导致这个错误。因此，防火墙问题，缺少主机程序，错误的配置(像我的) ，等等。

在我的情况下，它是由 U 区起源引起的。在网站上禁用它立即修复了错误。

Crbug/1173575, non-JS module files deprecated. chromewebdata/(index)꞉5305:9:5551 VisualStudio 代码错误通常与应用程序在 发射 Json文件中的启动条目相关联。

解决方案似乎是首先安装里特维克戴，现场服务器。这通常在端口5500上启动和侦听。一旦启动 现场服务器，您就可以编辑 发射 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": [
{
"name":"JS TEST",
"type": "pwa-chrome",
"request": "launch",
"url": "http://localhost:5500/index.html",
"webRoot": "${workspaceFolder}"
}
]
}

现在，您将发现 发射 Json文件正常工作，并且可以在 VisualStudio 代码中调试 JavaScript 代码。

我遇到了这个问题与反应。

译者:

• 确保 URL 正在使用 HTTP 和正确的端口
• 您需要让您的服务器运行。可以通过添加文件 < a href = “ https://code.visalstudio.com/docs/Editor/asks”rel = “ nofollow noReferrer”> tasks.json (与文件 发射 Json相同的文件夹)来完成
• 将 发射 Json文件中的标签名添加到 预启动任务

发射 Json文件示例:

{
"version": "0.2.0",
"configurations": [
{
"type": "pwa-chrome",
"request": "launch",
"name": "Launch Chrome against localhost",
"url": "http://localhost:3000/",
"webRoot": "${workspaceFolder}",
"preLaunchTask": "react" //remember to add this
}
]
}

文件 任务 Json示例:

{
"version": "2.0.0",
"tasks": [{
"label": "react",
"options": {
"cwd": "${workspaceFolder}/YOUR-PROJECT-PATH-HERE-IF-NEEDED"
},
"script": "start",
"type": "npm"
}]
}

说明:

调试器不执行 npm run start。您需要通过文件 任务 Json将其添加到文件 发射 Json所在的同一文件夹中。根据项目的组织方式，您必须修改文件 任务 Json: "cwd": "${workspaceFolder}/YOUR-PROJECT-PATH-HERE-IF-NEEDED"中的路径。

您也可以像这样通过 shell 启动项目，而不是直接使用 npm:

{
"version": "2.0.0",
"tasks": [{
"label": "react",
"command": "npm run start",
"options": {
"cwd": "${workspaceFolder}/YOUR-PROJECT-PATH-HERE-IF-NEEDED"
},
"type": "shell"
}]
}

“ Chrome 调试器”是不被推荐的，所以基本上，随着最新版本的 Visual Studio 代码的更新和嵌入的“ JavaScript 调试器”，这个好的实践在 “ VisualStudio 代码主 GitHub 食谱页”上被解释:

使用角度 CLI 调试 Chrome/Edge

直奔主题，使用基本的 发射 Json文件如下:

{
"version": "0.2.0",
"configurations": [
{
"name": "ng serve",
"type": "chrome",
"request": "launch",
"preLaunchTask": "npm: start",
"url": "http://localhost:4200",
"webRoot": "${workspaceFolder}"
}
]
}

并添加一个 Task.json文件(在与文件 发射 Json相同的文件夹中) ,

{
"version": "2.0.0",
"tasks": [
{
"type": "npm",
"script": "start",
"isBackground": true,
"presentation": {
"focus": true,
"panel": "dedicated"
},
"group": {
"kind": "build",
"isDefault": true
},
"problemMatcher": {
"owner": "typescript",
"source": "ts",
"applyTo": "closedDocuments",
"fileLocation": [
"relative",
"${cwd}"
],
"pattern": "$tsc",
"background": {
"activeOnStart": true,
"beginsPattern": {
"regexp": "(.*?)"
},
"endsPattern": {
"regexp": "Compiled |Failed to compile."
}
}
}
},
]
}

你可以走了。假设您的项目已经正确配置，只需按下 F5，您就可以在 VisualStudio 代码中准备定位调试点了。

它是用角度13项目测试的。

如果在尝试将 iframe 嵌入到网站中时出现这个错误，那么很可能包含器网站具有如下 公司策略:

cross-origin-embedder-policy : "require-corp"

Iframe 网站应该有一个 CORP 政策标头，将其包含在相应的网站中。

在我的例子中，这个错误出现在 Ruby on Rails项目中。

这个错误是在 Ruby on Rails 项目中将主分支与我的特性分支(使用 饭桶)合并之后出现的。有人在项目中添加了一些新的 宝石，当我使用 pm2启动服务器时，我没有注意到它们丢失了。

我停止了 pm2服务器，并通过运行 bundle exec ./bin/webpack-dev-server手动启动它，然后出现了错误消息:

在任何源中都找不到 sentry-ruby-5.2.1、 sentry-ails-5.2.1、 sentry-ruby-core-5.2.1

我运行 bundle install来安装丢失的 gem，并重新启动服务器(这次使用 pm2)。

服务器启动后，应用程序再次开始处理 Http://localhost:3000/ URL。

这种情况发生在我身上，以上的解决方案没有起到任何作用。我发现 Windows10突然覆盖了位于 C:/Windows/System32/Driver/etc/hosts的 主机文件，清除了我本地子域路由的主机定义。

我只需要重新输入它们，以管理员身份保存文件，就可以开始了。

我还建议您下载 LiveServer 扩展，并在启动浏览器之前确保它正在运行。

我正在添加到 Amazon Affiliate 的链接，突然我遇到了这个错误。

要解决这个问题，只需要关闭你的广告拦截器。

删除 launch.json 文件并运行应用程序，看看这是否修复了问题。在大多数情况下，这将解决错误。

我尝试了许多建议的解决方案，并在其他地方找到了这个建议的有用之处:

我无法达到 Http://localhost:3000从 npm 启动运行在一个反应应用程序。所以我尝试: Http://127.0.0.1:3000和我的惊讶，它工作！

在谷歌了一下之后，我试着建议删除我的浏览器缓存，于是我就这么做了。所有缓存的图片和文件(谷歌浏览器)和繁荣！又成功了。

对于 哎哟喂。

我在 aiohttp 服务器上偶然发现了这个问题。 默认情况下，它在 0.0.0.0:8000上运行。解决方案是在 main.py文件中将主机和端口更改为 localhost:8080: web.run_app(app, host='localhost', port=8080)

这个解决方案是给姜戈的，这就是我的问题的解决方案。

首先，我去 Firefox 看看它是否能在那里工作，而不是 Chrome。

原来我是从 Firefox 得到这个错误的:

此页面处于怪异模式。页面布局可能受到影响。对于标准模式，请使用“ <!DOCTYPE html>”。

如果这也是你的问题，或者你认为它可能是类似的问题，遵循以下步骤:

第一步

首先在您的 JS 文件中，console.log("JS is working")。如果您不使用 JS 文件，或者如果您的控制台显示的是 JS 在工作，那么这个解决方案将不适合您。

第二步 如果 console.log("JS is working") 从未出现在控制台上，则仅遵循步骤2。 *

确保将 JS 文件添加到 HTML 页面，当 console.log("JS is working")出现在控制台上时，应该可以解决这个问题，至少对我来说是这样。