問題

Reactで画像を表示させるために、localに画像ファイルを保存し、importすると以下のエラーがでた。

Module not found: Can't resolve '../images/**' in 'C:\Users....'

正しいパスでインポートしているはずなのになぜ、、、

解決策

下記に書き直すだけでなおった。

qiita.rb

import Image from '../images/**.png' //pngをつける

export const Result = () => {
	return (
		//....
			<img src={Image}  />
	);
};

予測ででたパスを指定したので、絶対間違ってすこし詰まった😱

Reactで画像を表示するには

1.上記のようにimportする
2.srcにパス名を指定する
の２つがあるようだがどちらが良いのか。。。

1は、importしているため画像に問題がった際にエラーになりすぐに気づける。特に問題がなければ1の方がよさそう！