私はAngularに少し新しくなっていますので、うまくいけば問題を解決できます。コンパイルされたフォントファイルのベースURLを角度2のプロジェクトで変更します。
Angularプロジェクトでは、ng build
を実行すると、Webアプリケーションフォルダngという名前の特定のディレクトリにソースがコンパイルされます。 fontawesomeとroboto-v15のフォントファイルを使用する必要があるモジュールをいくつか含めていますので、必要なフォントファイルをngディレクトリにコピーするように見えます(このファイルの名前はです)。fontawesome-webfont.af7ae505a9eed503f8b8.woff2fontawesome-webfont.b06871f281fee6b241d6.ttf)。我々はそれが我々が現在いるページのベースURLを使用してこれらのファイルを要求しようとした角度モジュールを含むページ上
、実際に私はそれがNGディレクトリを検索する必要がある代わりに
例えば私はコンソールでこれらの404エラーが出るページアップロード:
NetworkError: 404 Not Found - http://localhost:8080/test/url/roboto-v15-latin-regular.7e367be02cd17a96d513.woff2.
を私はこれらのファイルが代わりにhttp://localhost:8080/ng/roboto-v15-latin-regular.7e367be02cd17a96d513.woff2
に位置していることを知らせるために、角コンパイラを設定する必要があります。
styles.bundle.js私は、それがページのスタイルに入れているリソースファイルへの参照を見つけることができます。ここではそれは次のようになります。私はコンフィグ設定が__ __webpack_requireを設定することができるものを見つけ出すことができれば
/***/ "../../../../primeng/resources/themes/omega/fonts/roboto-v15-latin-regular.woff":
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__.p + "roboto-v15-latin-regular.16e1d930cf13fb7a9563.woff";
/***/ }),
NG/にP変数は、それが完璧になります。現時点では、これらのフォントファイルをページ自体に手動でインポートしていますが、一部のリソースファイルをコンパイルするために他のモジュールを使用する場合、これが問題になると感じています。