[React] エラーModule not found: Can't resolve 'Foo' in '...'が出るとき

カテゴリ: 未分類

発生した問題

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';

Amazonでおトクに買い物する方法
AmazonチャージでポイントGET


Amazonは買いもの前にAmazonギフト券をチャージしてポイントをゲットしないと損!

こちらもおススメ

コメントを残す

メールアドレスが公開されることはありません。