Angular 18 이미지 정적 리소스 로딩 문제

작은 쓰레기 같은 놈들 · 게시됨 2024. 7. 23. 오전 8:47:59

요구사항: Angular-CLI로 v18 프로젝트를 만들고 src/assets 폴더를 수동으로 만든 뒤 이미지를 넣었는데, 접근할 수 없고 404 오류를 보고했습니다.

파일 경로:SRC/자산/test.png
IMG 코드:<img src="assets/test.png">

온라인 검색 결과, v18 버전의 파일 구조가 변경된 것을 발견했으며, 아래 그림에서 확인할 수 있습니다:

D:\360Downloads>tree ng17
볼륨 데이터의 PATH 폴더 목록
권 일련번호는 AA1B-3F2F입니다
D:\360DOWNLOADS\NG17
├─.vscode
└─src
├─앱
└─자산

D:\360Downloads>tree ng18
볼륨 데이터의 PATH 폴더 목록
권 일련번호는 AA1B-3F2F입니다
D:\360DOWNLOADS\NG18
├─.vscode
├─공공
└─src
└─앱

각각 Angular CLI: 18.1.1, Angular CLI: 17.3.8을 사용해 다시 만들었고, 명령어는 다음과 같습니다:

로그인이 보이네요.

v18 버전에는 더 이상 assets 폴더가 없고 public 폴더가 있다는 것을 알게 되었습니다.

용액

assets 폴더를 공개 폴더에 클립하세요.

참조:

하이퍼링크 로그인이 보입니다.
하이퍼링크 로그인이 보입니다.

[각] Angular 18 이미지 정적 리소스 로딩 문제

관련 게시물

본 섹션