最近、react と webpack の使用を開始しましたが、ほとんどの点で優れていますが、テスト時にアプリが iframe にレンダリングされ、ルート以外のルートを直接読み込むことができなくなります。したがって、テストしたい場合はhttp://localhost:8000/#/signin、その URL を読み込むことはできませんが、代わりにベース URL を読み込んで、サインイン ページを指すリンクをクリックする必要があります (または、少なくともそれが機能することがわかった唯一の方法です)。 ）。
これを行うより良い方法はありますか？
これは、かなりハックなソリューションを備えた同様の質問です。あれから何か変わったことはありますか？
これに対する解決策は、テストしているwebpackパスとハッシュを含むURLをロードすることです。http://localhost:8000/webpack-dev-server/#dashboard. アプリ内のリンクにはパスが含まれないため、これは手動で行う必要がありwebpack-dev-serverます。
これにより、必要に応じてページの時折のハードロードが可能になりますが、可能な場合は webpack がほとんどのホットロードを実行できます。
これが機能するということですか: localhost:8000/webpack-dev-server/ ?
以下も機能するはずです。
これらは iframe なしで動作するはずです:
それでもうまくいかない場合は、サインイン ページへのリンクを右クリックし、リンク アドレスをコピーしてブラウザに貼り付けてみませんか?