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

はじめに

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'

以上です。