問題タブ [mern]

シンプルなreactJsプロジェクトがあります。ダッシュボードによるログイン機能を備えています。

アプリケーションのエントリ ポイントである DashboardComponent があります。

DashboardComponent

ログイン

ここでは、LoginComponent、ForgetPasswordComponent、RegisterComponent、および Main の Router を定義しました。

LoginComponent は、ユーザーのログイン画面とロジックに使用されます

メインは、ログインに成功した後、ユーザーがメインコンポーネントに入るために使用されます。ここでは、ProductListComponent、SettingsComponent、AddProduct、ViewProduct 用に別のルーターを定義しました。

Main.js

現在のコードでは、ProductListComponent にリダイレクトできます。

ログイン後

追加ボタンクリック後

しかし、AddProduct または ViewProduct または SettingsComponent コンポーネントに移動しようとすると、空白のページが表示されます。どうすれば修正できますか

MLab、React、Redux で MERN アプリを開発しました。dev で正常に動作します。Heroku にデプロイし 、開発に使用した Chrome で正常に動作します(React、Redux の添付ファイルを使用)。

問題: 他のマシンのクロムを含め、自分のマシンの他のブラウザでは空白で表示されます。私はネットを見て、このフォーラムの解決策に従って、server.js (または app.js) で次のことを行いました。つまり、私自身のクロムではこの URL ( https://servicexpoc.herokuapp.com/ ) は正常に機能しますが、他のすべてのクロムでは空白のページです。

従来の ... git スタッフ (git add、commit) を実行してから、Heroku へのリモート接続を確認し、「git push heroku master」を実行しました。すべてが順調に進みました...サーバーは稼働しています。そしてもう一度、それは私のクロムに現れ、魅力のように機能します...しかし、他のどこにもありません。

以下は私のサーバー側のpackage.jsonです：

以下はクライアント側のpackage.jsonです

私のディレクトリ構造：

次のようにディレクティブに従おうとしています: https://expressjs.com/en/starter/static-files.html

何か助けて...

Passport と express-sessions と共に、mern.io をアプリに使用しています。すべてのリクエストで、同じリクエストに対して deserializeUser が 2 回呼び出されています。他のユーザーが考えられる原因として指摘しているように、これは express.static または express.favicon の問題ではありません。初めて req.user が呼び出されたときは未定義です。2 回目に呼び出されたときは、req.user が正しいです。どちらの場合も、deserializeUser の userObject は正しいです。

ここに私のserver.jsがあります：

ここに私のpassportConfig.jsがあります：

誰がこれを引き起こしているのか知っていますか?