Google chrome devtools 添加Javascript库时，Chrome会抱怨缺少源映射，为什么？

我的代码

var=false；
var imageElement=document.getElementById（'cat'）；
load（）.then（函数（net）{
const pose=net.estimateSinglePose（imageElement{
flipHorizontal：对
});
回身姿势；
}).然后（功能（姿势）{
控制台。日志（pose）；
})

很少使用HTML和JS，几乎忘记了最基本的东西，有人能指出我的傻瓜吗？错误信息附加

---

DevTools无法加载SourceMap:无法加载以下内容：HTTP错误：状态代码404，net:：ERR_HTTP_RESPONSE_code_FAILURE

我在尝试使用coco ssd时遇到类似问题。我认为这个问题是由版本引起的。我将tfjs的版本改为0.9.0，将coco ssd的版本改为1.1.0，这对我来说很有效。（您可以在上搜索posenet版本：）

这就是我的工作原理：
而不是


试一试


更改之后，我再也看不到错误了。
虽然根据Valeri进行的修复有效，但它仅适用于tfjs

如果您期望body pix或任何其他张量流/模型，您将面临相同的问题。这也是一个悬而未决的问题，团队正在进行修复


但是，如果您不存在从最新版本降级的问题（如果有人想使用body pix），下面两个链接都可以正常工作，因为我已经测试了相同的链接：

<!-- Load TensorFlow.js-->
<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@0.9.0"></script>
<!-- Load the coco-ssd model. -->
<script src="https://cdn.jsdelivr.net/npm/@tensorflow-models/coco-ssd@1.1.0"</script>

尝试查看它是否在匿名模式下工作。如果是的话，那就是最近Chrome的一个bug。在我的计算机上，以下修复程序正常工作：

退出Chrome
删除您的完整Chrome缓存文件夹
重新启动Chrome
在我的情况下，我不得不停用AdBlock，它工作得很好。
这对我来说很有效

转到inspect->settings gear->取消选中“启用javascript源映射”和“启用css源映射”

刷新

（注意：如果上述过程不起作用，请停用adBlock。）
在我的情况下，在布局中发现一些断开的url。
JSDeliver上的较新文件会自动将sourcemap添加到它们的末尾。这很好，只要从JSDeliver加载文件，就不会在控制台中抛出任何与SourceMap相关的通知。
只有当您从自己的服务器复制并加载这些文件时，才会出现问题。为了解决本地加载文件的问题，只需删除从JSDeliver下载的JS文件中的最后一行。
它应该是这样的：

<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@1.0.0/dist/tf.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@tensorflow-models/body-pix@1.0.0"></script> 

正如您所见，它已被注释掉，但Chrome仍在解析它。
如果我运行以下命令，我会收到此警告：

//# sourceMappingURL=/sm/64bec5fd901c75766b1ade899155ce5e1c28413a4707f0120043b96f4a3d8f80.map

要修复：

ng serve --sourceMap=false

在我的例子中，我不得不从Chrome中删除React-Dev工具，以避免在使用本地Express服务器和create-React-app客户端（使用Webpack）开发React-app时看到奇怪的错误。
为了社区的利益，我做了一次健全性检查，并退出了所有程序-服务器/客户端/浏览器-然后我打开了浏览器并重新安装了React-Dev工具。。。启动了备份，我再次看到这个古怪的地址和错误：
对于剑道Telerk Ui javaScript文件，我也会面临同样的问题。你需要做的就是，
取消选中“启用JavaScript”
“源地图”和“启用CSS源地图”如图所示检查元素，并刷新网页


当出现以下警告时：
DevTools未能加载源映射：无法加载http://*********/bootstrap/4.5.0/css/bootstrap.min.css.map的内容：http错误：状态代码404，net:：ERR_http_RESPONSE_code_FAILURE

遵循此路径并删除该技巧
/*#sourceMappingURL=bootstrap.min.css.map*/
在bootstrap.min.css
中，URL不正确，找不到资源。但这是Tensorflow Doc给出的。只需将该URL放入地址栏并点击ENTER，资源不存在。不，它可以工作。刚试过，那是什么来源？如果我点击链接，页面上会显示“无法解析请求的文件”。这是有效的，但这不是删除了问题而没有修复它吗？问题是在浏览器终端上解决的，而不是在网页代码中！这个答案基本上是“如果它不起作用，只需卸载，错误就会消失”的好答案-然而，如果我不想要（也不需要）源代码映射，那么为什么Chrome开发工具会对我进行窃听呢？这两个复选框的未选中状态应为默认状态…停用AdBlock不会解决问题在不禁用AdBlock的情况下取消选中这两个选项解决了问题。我跟踪了这个问题，因为它与React DevTools Chrome扩展的最新版本有关。在我发表评论时，修复程序还没有发布，但看起来他们正在处理它：删除显示警告的那行修复程序，但我不知道它是做什么的。这应该是最重要的答案+1这项工作，但有人能解释为什么它会出现以及它是做什么的吗？源地图URL，顾名思义，就是注释（请参阅）。所以唯一的解决办法就是删除它。我想你在截图中突出显示了错误的设置。哦，对不起！现在我把它改成了正确的，谢谢这删除了消息，但并没有解决问题。它确实解决了问题，假设我对源代码mapsNo不感兴趣，这是完全错误的。这仅适用于您的浏览器，您是否希望使用此网页的每个用户都更改其设置？
ng serve --sourceMap=false

ng serve