More than 3 years have passed since last update.

TypeScriptで画像が読み込めない、importできない。

Posted at 2021-04-26

##はじめに

Reactで画像を読み込みたい時は以下のようにするが、TypescriptでReactを書いている場合、画像を読み込まなかった。

import Image from './images/image.svg'
const ImageComponent = () =>{
  return <img src={Image}  alt="アイコン" />
}
export default ImageComponent

相対パス、なんか間違っているのか？といじってみたけど違うみたいだ。
##解決方法

頭にurl:をつける。

import Image from 'url:./images/image.svg'

以上です。