LoginSignup
gallantsummerwind
@gallantsummerwind

Are you sure you want to delete the question?

Leaving a resolved question undeleted may help others!

reactでページを表示しない。

Q&A

Closed

Reactページ表示しない

react初心者です。
以下の階層でWebサイトを構築していますが、
エラーをはいてページを表示しなくなってしまいました。

これから「Home」以外のフォルダを切って「Shop」など画面を作成し、
React Routerで画面遷移を考えていますが、「Home」の画面すら表示
しなくなってしまいました。

1.png

エラーコードは以下の通り

「ERROR in ./src/App.js 11:36-44
export 'HomePage' (imported as 'HomePage') was not found in './components/Home/index' (possible exports: FooterComp, HeaderComp, MainSection, default)」

src内の「index.js」コード
index.png

「app.」コード

app.png

Home内の「index.jxs」コード
home_index.png

お手数ですが、解決方法をご教授お願いします。

1

1Answer

fwzis
@fwzis

App.jsの上から３行目の箇所を以下のように変更するといいのではないでしょうか？

// import { HomePage } from './components/Home/index';
import HomePage from './components/Home/index';

export defaultを使って名前なしでエクスポートしているので、中括弧は必要ありません。なおこの名前なしエクスポートは1モジュールにつき1つだけです。

1Like

Comments

  1. @gallantsummerwind

    Questioner

    ありがとうございます！
    ご指摘の通り、コードを変更したらエラーは消えました！
    モジュール機能についてまた勉強したいと思います。

    ただ、相変わらずページの表示がされないため
    いろいろ試してみたいと思います！

Your answer might help someone💌

LoginSign Up