web-dev-qa-db-ja.com

「blocked：other」の画像を表示しようとしたときに次のエラーが発生する

Angular 6 ngBootstrap Webサイト

enter image description here

（ブロック：その他）

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
htmlangularimagegoogle-chromeng-bootstrap
7
Leon Gaban

ああ！それは私のadBlockerでした！

リソースのロードに失敗しました：net :: ERR_BLOCKED_BY_CLIENT with Google chrome

ローカルホストで一時停止すると、画像が表示されます。

21
Leon Gaban