인프런 커뮤니티 질문&답변

reppi07님의 프로필 이미지
reppi07

작성한 질문수

Slack 클론 코딩[실시간 채팅 with React]

회원가입 페이지 만들기

이미지 파일 넣기

작성

·

171

0

png파일을 간단하게 

---------------------
import
header_logo from '@images/headImg.jpeg';

<Header>
<img src={header_logo}/>
</Header>
---------------------

이런식으로 해보았는데 잘 안되어서 images폴더 따로 만들고 그 안에 types 폴더에 images.d.ts파일을 만들었습니다. 그 안에 내용으로

declare module '*.jpg';
declare module '*.jpeg';
declare module '*.png';

이런식으로 채워 넣고 tsconfig.json에

{
"compilerOptions": {
...
"typeRoots" : ["node_modules/@types", "@images/types"],
...
},
}

이렇게 해놓았습니다. 그런데

이런 오류가 떴습니다.. 무엇을 추가해야 이미지 업로드를 할 수 있을까요..

답변 4

0

reppi07님의 프로필 이미지
reppi07
질문자

제로초님이 설정해주신거 그대로 사용하였습니다. 거기에다가 images만 추가하였습니다.

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

혹시 webpack.config.json이랑 tsconfig.json에 alias 제대로 설정하셨나요?

0

reppi07님의 프로필 이미지
reppi07
질문자

이렇게 url-loader를 사용하여 

이렇게 불러와서 사용했으나

이런 에러가 떴습니다.

그 이후에 두 번째 방법은

이렇게 하면 이미지가 안나옵니다. 왜이러는걸까요?

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

@ 경로 대신 정확한 상대경로를 입력해보세요

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

이미지 파일을 import하려면(기본적으로 js, ts에서는 불가능한 것) webpack에서 url-loader나 file-loader를 사용하셔야 합니다.

reppi07님의 프로필 이미지
reppi07

작성한 질문수

질문하기