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アプリケーションに移行しました。私が紛失しているものはありますか?

+0

決算spanタグを追加して、次の<スパンクラス=「glyphicon glyphiconユーザー」> – ArrowHead

+0

とブートストラップにCDNフォントを向けることによって、これをとして最初に@import配置しようと回避することができますどんな変化? –

+0

@ArrowHead、私は自分のコードでそれをここに追加することを忘れてしまった。 – Jacqueline

答えて

0

これは、がの範囲内の問題であるように見えます。現在、あなたはscssファイル

$bootstrap-sass-asset-helper: false; 
$icon-font-path: "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/fonts/"; 
関連する問題