発生した問題
Reactで他のファイルをimportしようとしたら、Module not found: Can't resolve 'Foo' in '...'
エラーが発生した。
- App.js
import Item from 'Item';
...
return (
<Item />
);
- Item.js
export default function Item() {
return (
<>
hello
</>
);
}
エラー
Failed to compile
./src/App.js
Module not found: Can't resolve 'Foo' in '...'
原因
fromに書くファイル名は相対パスにすべきだった。
対応
以下のようにfromの指定を変更したらcompileできた。
import Item from 'Item';
↓
import Item from './Item';
こちらもおススメ