4

Angular CLI로 만든 응용 프로그램이 있으며 bootstrap-sass을 사용하여 테마를 사용자 정의하고 있습니다. 나는Angular CLI를 사용하는 웹 응용 프로그램에 부트 스트랩 - 새시 글리프 아이콘이 표시되지 않습니다.

이 내 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을 실행하면 응용 프로그램이 브라우저 콘솔에서 오류없이 올바르게 실행될 때 오류가 없습니다. 그러나 아이콘은 여전히 ​​표시되지 않습니다. 원래 글리프 아이콘이 제대로 표시되도록이 애플리케이션을 실행 한 다음 코어 애플리케이션 코드를 새로운 angular-cli 애플리케이션으로 마이그레이션했습니다. 제가 누락 된 것이 있습니까?

+0

닫는 span 태그 추가에 다음과 같은 <스팬 클래스 = "glyphicon glyphicon 사용자"> – ArrowHead

+0

으로 부트 스트랩에 CDN 글꼴을 지정하여이 같은 첫 @import 넣어 시도 해결할 수 있습니다 라인 .. 어떤 변화? –

+0

@ArrowHead, 제 코드에이 코드를 여기에 추가하는 것을 잊어 버렸습니다. – Jacqueline

답변

0

이것은 webpackconfiguredangular-cli 인 문제인 것으로 보입니다. 현재 당신하여 scss 파일

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