开发环境中,react项目界面是这样
使用npm run build打包之后,把dist下的文件放到node服务器上就变成了这样:
为什么用npm run build打包之后样式会丢失呢?
欢迎选择我的课程,让我们一起见证您的进步~~
パスの問題。ノードを使用して dist ディレクトリをルート ディレクトリにプロキシしてみてください。
まず、パッケージ化に使用するライブラリとその構成方法をリストする必要があります。
次に、パッケージ化されたパス と、パッケージ化されたページに CSS をインポートするためのパスを確認します。publicPath が設定されているかどうか
config フォルダー内の Index.js ファイルに移動してビルド オブジェクトを見つけ、assetsPublicPath の "/" を "./" に変更します
Chrome デバッグ インターフェイスを開きます。何が問題ですか
少なくとも、パスに問題があるはずです。最善の方法は、コンソールのエラー レポートを見てルート パスを見つけ、そのルート パスに基づいてスタイル パスを一致させることです。
パスの問題。ノードを使用して dist ディレクトリをルート ディレクトリにプロキシしてみてください。
まず、パッケージ化に使用するライブラリとその構成方法をリストする必要があります。
次に、パッケージ化されたパス
と、パッケージ化されたページに CSS をインポートするためのパスを確認します。
publicPath が設定されているかどうか
config フォルダー内の Index.js ファイルに移動してビルド オブジェクトを見つけ、assetsPublicPath の "/" を "./" に変更します
Chrome デバッグ インターフェイスを開きます。何が問題ですか
少なくとも、パスに問題があるはずです。最善の方法は、コンソールのエラー レポートを見てルート パスを見つけ、そのルート パスに基づいてスタイル パスを一致させることです。