Resource not found, wrong path?

Question

Am I using the wrong path to load in an image that I downloaded? I am trying to load frank.jpg from about-user.component.html.

Why am I getting a 404 not found error for the resource?

then call it using src of image – Nihal Feb 08 '18 at 06:04 — Nihal, Feb 08 '18 at 06:04

Nihal · Accepted Answer · 2018-02-08T06:10:37.767

1

You use the assets array in .angular-cli.json to list files or folders you want to copy as-is when building your project.

By default, the src/assets/ folder and src/favicon.ico are copied over.

"assets": [
  "assets",
  "favicon.ico"
]

make one image folder in assets

put your image in that folder

then in angular-cli.json

"assets": [
        "assets",
        "favicon.ico",
        "static/images"
      ]

images is folder name then give path like ../assets/images/frank.png in src

edited Feb 08 '18 at 06:10

answered Feb 08 '18 at 06:08

Nihal

glad to help you – Nihal Feb 08 '18 at 06:11
To reference this image do I navigate to it as I was before? – FrankTheTank Feb 08 '18 at 06:12
assets is like your resource folder, you can put every image which you want to use in that assets/image folder. only once you have to edit angular-cli.json – Nihal Feb 08 '18 at 06:13
@FrankTheTank didnt understood your question? can you explain more clearly? – Nihal Feb 08 '18 at 06:14

score 1 · Answer 2 · answered Feb 08 '18 at 06:18

1

Any image you use need to be put in the assets folder. You can then access the images from there.

answered Feb 08 '18 at 06:18

Arjun Panicker

2 Answers2