Angularで画像が表示されない場合の設定確認

はじめに

以下の通りパスを指定しても画像がブラウザに表示されない場合の対処方法（パスには画像があることを確認済）

card.html

  <img
    src="assets/images/1.jpg"
    alt="image"
  />

解決方法

angular.jsonの設定漏れを確認する

angular.json

            "assets": [
              {
                "glob": "**/*",
                "input": "public"
              },
+              "src/assets"
            ],

↑の通り、assets配列にsrc/assetsを追加して、画像認識させるように修正し、サーバー再起動すればOK

おわりに

こんな事象に20分ぐらいかけてしまった...（先は長そう...）

JISOUのメンバー募集中🔥

プログラミングコーチングJISOUではメンバーを募集しています。
日本一のアウトプットコミュニティでキャリアアップしませんか？
気になる方はぜひHPからライン登録お願いします！👇