javascript - angularコンポーネント、ライブサーバーでは動作しているが、ng serve localhost 4200 - ポートでは動作しない

私は versitka を自分の Angular コンポーネントに接続したかった。バージョンの HTML ファイルを配置し、HTML ファイル内に自分のコンポーネントを置き、画像、CSS コード、Bootstrap コード、JS コードをアセットファイルに置き、それへのリンクを付けた。

今はすべて正常に見えますが、ng serve を実行すると、html ファイルだけが動作し、css や画像はインポートできません。

しかし、私が自分のHTMLコンポーネントをライブVSコードで実行すると動作します。なぜAngular自体でng serveを使うと動作しないのか理解できません。

127.0.0.1 localhost のライブサーバーには動作していますが、ng serve localhost 4200 - ポートでは動作しません、なぜですか

私は多くの場所で解決策を探そうとしましたが、見つけることができませんでした

回答 #1

あなたはデフォルトのものとは異なる base href または deploy URL を使用していると思います。もし ng build --base-href="/.../" --deploy-url="/.../" を使用している場合、資産がそのパスからアクセス可能であることを確認する必要があります。例えば、base href が /my-app/ で deploy URL が /my-app/ の場合、サーバー上では画像は /my-app/assets/images/paladin.jpg に配置されている必要があります