Webanwendung mit Angular CLI zeigt bootstrap-sass Glyphicons nicht an - angularjs, twitter-bootstrap, eckig, angular-cli, bootstrap-sass

Ich habe eine Anwendung, die ich mit Angular CLI erstellt habe und die ich verwende bootstrap-sass um das Thema anzupassen. Ich benutze die folgenden Versionen ...

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

In meinem .angular-cli.json ich habe

"scripts": [
"../node_modules/jquery/dist/jquery.min.js",
"../node_modules/bootstrap-sass/assets/javascripts/bootstrap.min.js"
]

In meinem html Datei, die ich habe

<span class="glyphicon glyphicon-user"></span>

In meinem scss Datei, die ich habe

$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";

Es gibt keine Fehler beim Ausführen ng serve oder ng build und die Anwendung wird korrekt ohne Fehler ausgeführtin der Browserkonsole. Die Symbole werden jedoch weiterhin nicht angezeigt. Ich hatte diese Anwendung ursprünglich mit der korrekten Anzeige der Glyphicons ausgeführt und dann den Hauptanwendungscode in einen neuen migriert angular-cli Anwendung. Gibt es etwas, das mir fehlt?

Antworten:

Dies scheint ein Problem mit dem Weg zu sein webpack ist konfiguriert innerhalb angular-cli. Derzeit können Sie dies umgehen, indem Sie auf die Bootstrap-CDN-Fonts mit den folgenden in der scss Datei

$bootstrap-sass-asset-helper: false;
$icon-font-path: "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/fonts/";