App.jsの上から３行目の箇所を以下のように変更するといいのではないでしょうか？
// import { HomePage } from './components/Home/index';
import HomePage from './components/Home/index';
export defaultを使って名前なしでエクスポートしているので、中括弧は必要ありません。なおこの名前なしエクスポートは1モジュールにつき1つだけです。
1Like
reactでページを表示しない。
react初心者です。
以下の階層でWebサイトを構築していますが、
エラーをはいてページを表示しなくなってしまいました。
これから「Home」以外のフォルダを切って「Shop」など画面を作成し、
React Routerで画面遷移を考えていますが、「Home」の画面すら表示
しなくなってしまいました。
エラーコードは以下の通り
「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」コード
「app.」コード
Home内の「index.jxs」コード
お手数ですが、解決方法をご教授お願いします。
1
1Answer
Comments
@gallantsummerwind
Questionerありがとうございます！
ご指摘の通り、コードを変更したらエラーは消えました！
モジュール機能についてまた勉強したいと思います。ただ、相変わらずページの表示がされないため
いろいろ試してみたいと思います！