4
Angular CLIで作成したアプリケーションがあり、bootstrap-sass
を使用してテーマをカスタマイズしています。私はAngular CLIを使用したWebアプリケーションでは、ブートストラップ・サッシのグリフコンが表示されません。
scss
ファイルで
<span class="glyphicon glyphicon-user"></span>
を持って、私は私のhtml
ファイルで
"scripts": [
"../node_modules/jquery/dist/jquery.min.js",
"../node_modules/bootstrap-sass/assets/javascripts/bootstrap.min.js"
]
を持っている...私の.angular-cli.json
で
node: 6.9.5
os: win32 x64
@angular/common: 2.4.8
@angular/cli: 1.0.0-rc.0
@angular/compiler-cli: 2.4.8
bootstrap-sass: 3.3.7
を以下のバージョンを使用しています
$bootstrap-sass-asset-helper: true;
$icon-font-path: if($bootstrap-sass-asset-helper, "../bootstrap/", "../fonts/bootstrap/");
@import "../node_modules/bootstrap-sass/assets/stylesheets/_bootstrap.scss";
ng serve
またはng build
を実行するとエラーは発生せず、アプリケーションはブラウザコンソールでエラーなく正しく実行されます。ただし、アイコンは表示されません。もともと私はこのアプリケーションをglyphiconsが適切に表示された状態で実行していました。そして、コアアプリケーションコードを新しいangular-cli
アプリケーションに移行しました。私が紛失しているものはありますか?
決算spanタグを追加して、次の<スパンクラス=「glyphicon glyphiconユーザー」> – ArrowHead
とブートストラップにCDNフォントを向けることによって、これをとして最初に@import配置しようと回避することができますどんな変化? –
@ArrowHead、私は自分のコードでそれをここに追加することを忘れてしまった。 – Jacqueline