問題タブ [react-scripts]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
node.js - メインのjsとcssで404を与えるReact App
「react-scripts」を使用して反応アプリを作成しました。アプリケーションはローカル開発サーバーで完全に実行されますが、実際のサーバーにデプロイすると、コンパイルされているメインの JS および CSS ファイルがアプリケーションで検出されないようです。私は両方で404を取得します。
以下は、役立つ可能性のある情報です。サーバー上のファイルは次の場所にあります。
ads/build/static/js と ads/build/static/css || それぞれ
私が取得している 404 は、次のファイルにあります。
https://www.example.com/ads/build/static/css/main.41938fe2.css https://www.example.com/ads/build/static/js/main.74995495.js
私のサーバーの構成方法は次のとおりです。
私のpackage.jsonには、次のようにホームページパラメーターも含まれています。
"homepage" : "https://www.example.com/ads
UPDATE
次のパスを使用してサーバー自体でアプリを実行すると
dedicated-server-host:9000/static/js/main.74995495.js、JSファイルが正しくレンダリングされます
不足している構成はありますか?ルーティングが機能していないようです。お知らせ下さい。
webpack - webpack dev サーバーに別のポートを使用させる方法はありますか?
反応スクリプトを介して webpack dev サーバーを使用しており、Visual Studio Code を介して提供されるデバッグ機能を使用したいのですが、非標準のセットアップがあります。すべてのリクエストをプロキシし、リクエストを他のサービスとバンドルし、セキュリティなどを処理する webpack dev サーバーの前にサービスがあります。ただし、そのサービス (8080 上) は websocket をサポートしていないため、転送できません。webpack が iFrame にフォールバックしようとしていることがわかります。これはリロードには機能しますが、デバッグには機能しないようです。
8080経由で接続しようとする代わりに、ポート8084でwebpack devサーバーに接続する必要があることをwebpackに明示的に伝える方法はありますか? I already use I already use PORT=8084 cross-env REACT_APP_VERSION=$npm_package_version react-scripts startin package.json は、ポートを通過すると思います。ただし、問題は、ソケットが常に実行中の同じホスト/ポートに対して開かれていることです。したがって、私のページが にプロキシされる:8080と、ソケットも試さ:8080れます。私が望むのは、を使用しないように明示的に指示することです8080が、8084.
2 つ目として、iFrame バックアップ オプションを使用するとデバッグが機能しないというのは正しいですか?