/ / Webová aplikácia s uhlom CLI nezobrazuje bootstrap-sass glyphicons - angularjs, twitter-bootstrap, angular, angular-cli, bootstrap-sass

Webová aplikácia s uhlom CLI nezobrazuje bootstrap-sass glyphicons - angularjs, twitter-bootstrap, angular, angular-cli, bootstrap-sass

Mám aplikáciu, ktorú som vytvoril s funkciou Angular CLI a používam ju bootstrap-sass prispôsobiť tému. Používam nasledujúce verzie ...

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

V mojom .angular-cli.json mám

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

V mojom html súbor, ktorý mám

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

V mojom scss súbor, ktorý mám

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

Pri spustení sa nenachádzajú žiadne chyby ng serve alebo ng build a aplikácia beží správne bez chybyv konzole prehliadača. Ikony sa však stále nezobrazujú. Pôvodne som túto aplikáciu spustil s správnym zobrazením glyfikónov a potom som migroval kód jadrovej aplikácie do nového angular-cli aplikácie. Je niečo, čo mi chýba?

odpovede:

0 pre odpoveď č. 1

Zdá sa, že to je problém s týmto spôsobom webpack je nakonfigurovaný vnútri angular-cli, V súčasnosti môžete toto riešenie nasmerovať na písma CDN s bootstrapom s nasledujúcimi znakmi v priečinku scss súbor

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