尝试显示图像时出现以下错误 "blocked:other"

Getting the following error while trying to display image "blocked:other"

Angular 6 ngBootstrap 网站

（已屏蔽：其他）

better728x90.gif 存在于正确的文件夹中，不确定为什么我会在确实存在的图像上出现此错误和其他 404。

以下路径是正确的：

<a href="assets/images/banners/better728x90.gif">
    <img src="assets/images/banners/better728x90.gif" width="728" height="90" class="fit"><br>
</a>

当我在 chrome 检查器中检查 img 元素时，我看到了这个：

img[src="assets/images/banners/better728x90.gif"] {
    display: none !important;
}

当我使用以下命令强制所有图像 display:block 时，丢失的图像图标终于出现了。

:host {
  img {
    display: block !important;
  }
}

assets/images/banners/better728x90.gif:1 GET http://localhost:4200/assets/images/banners/better728x90.gif net::ERR_BLOCKED_BY_CLIENT

啊！这是我的广告拦截器！

I am getting Failed to load resource: net::ERR_BLOCKED_BY_CLIENT with Google chrome

我在我的本地主机上暂停了它，现在图像正在显示。

请注意，AdBlocker 不仅可以根据图像文件的名称阻止图像加载（例如：_advertisement.jpg、_ad.jpg、ad-1.jpg 等）。我发现 AdBlocker 会根据以下任何一项阻止图像：

  • 包含图像文件的目录名称（例如：/ad、/ad-1 等）。
  • 与图像关联的 CSS class 的名称（例如：<img class="ad-img" ...）。

将这些元素重命名为与广告无关的名称解决了这个问题。