問題タブ [react-boilerplate]

現在、CSS スタイルをReact Boilerplateに復元しようとしていますが、開発環境で CSS スタイルを正常に読み込むことができました。デプロイ用にプロジェクトをバンドルしようとすると、css ファイルが webpack と ExtractTextPlugin によって作成されません。

バージョン:

以下の私の webpack ファイルを見て、css ファイルが作成されない理由を確認してください。

関連する webpack.prod.babel.js:

関連する webpack.base.babel.js:

私は反応ボイラープレートを使用しており、この例に従って認証を実装し、認証状態に応じてサイドメニューを表示/表示しようとしているため、アプリコンポーネントを拡張するように変更しようとしています。ご覧のとおり、もともと props は props パラメータを介して App に渡されます。クラスを次のように変更しました。React.ComponentApp/index.js

これにより、小道具が定義されていないというエラーがスローされます。

ReferenceError: props が定義されていません App.render **/App/index.js

ここでルートルートがどのようにインスタンス化されるかを確認できます:

どんな助けでも大歓迎です。

本番ファイルを正常に生成し、ノード prod サーバー (react-boilerplate に組み込まれています) から実行しました。IIS で構成された URL http://localhost/abc/GET http://localhost/main.21e300b8d1fb516da3f2.jsからプロジェクトを実行すると 、コンソール エラーが発生します。 GET http://localhost/main.7298ab25765cc3b7f65141e9b8a880ff.css

パスは localhost のルートを指しているように見え、「/abc」が含まれていないようです。

次のようにwebpack構成をセットアップしました：

私のWebpack構成に欠けている設定はありますか? 助けてくれてありがとう。

React Redux ToastrでReact Boilerplateを使用しています。React Intlのメッセージを使用して toastr を呼び出せるようにしたいと考えています。

コンポーネント内で呼び出そうとしましたが、toastr が状態の更新を行っているため、Reacts はそれをアンチパターンとして警告します。私もサガ内で呼び出そうとしましたが、国際メッセージを含める方法はありません。

国際化メッセージでトースターを呼び出し、redux を活用するのに最適な場所はどこですか?

私は ReactJS と Webpack が初めてで、react-boilerplate を使用しており、独自の外部ライブラリ セットを持つボイラープレートにテンプレートを追加しようとしています。

私が直面している問題は、これらの外部ライブラリにリンクするタグを含めようとするたびに、webpack がこれらのファイルを再コンパイルしてコンテンツを変更することです。これはエラーをスローしています。

実行時にjquery.min.jsのソースを確認すると、内容が変更されています。

構成で何を変更すればよいのか、または何が間違っているのかわかりません。

ノードを使用せずにローカル マシンで react-staic-boilerplate を実行しようとしています。パブリック フォルダーの下にある index.html ファイルを開きます (yarn build/npm run build を実行した後)。

index.html をダブルクリックして chrome で提供すると、インスペクターは /dist/main.xxxx.js へのパスが間違っていることを通知します。これは問題ありません。index.html 内のパス エラーを手動で修正します。しかしその後、index.html は即座に 404 ページにリダイレクトし、Pages xx が見つからないことを伝えます。無駄にデバッグを試みましたが、webpack がすべてをコンパイルした後、30k 行のコードがあります。

これはなぜですか？ビルドされた静的ファイルは、サーバー側のテクノロジ (ノード) に依存せずにクロムで動作するべきではありませんか?

つまり、パブリック フォルダー全体を aws s3 にアップロードすると、index.html は正常に動作します。s3 のエントリ ポイントを index.html として指定すると、メインページ、リンク、すべてが機能します。

したがって、これを正しく理解している場合、aws s3は単にファイルを提供し、s3で動作する場合はローカルマシンで動作するはずです(react-static-boilerplateはサーバーに依存せずに純粋なクライアント側である可能性があるため、ノードなし)。

誰か助けてくれませんか？バックエンドのチームリーダーは、ノード/サーバー側の支援を使用せずにクロム クライアント側で 100% 実行されることを彼に証明できない限り、あらゆる種類の反応ボイラープレートの承認を拒否します。