각도 5로 Bootswatch 테마를 사용하는 방법

Question

각도 5 프로젝트에서 Bootswatch 테마를 사용하려고합니다. Bootswatch 및 Bootstrap 버전 4.0.0-beta-2를 모두 사용하고 있습니다. npm을 통해 설치했고, 내 styles.scss에서 일반적인 angular-cli/webpack 규칙을 사용하여 _variables.scss 및 _bootswatch.scss를 styles.scss에 가져 왔습니다. 또한 관련 테마 bootstrap.min.css를이 파일로 가져오고 angular.cli.json의 styles [] 배열에 추가합니다. 빌드시

내가 얻을 :

@include box-shadow(none); 
     ^
    No mixin named box-shadow 

및 깨진 빌드를.

Answer 1

각도 4-5로 작업하고 있습니다. 그래서 npm install bootswatch과 관련 라이브러리를 첨부 파일 style.scss에 첨부하십시오.

라이브러리를 순서대로 포함하고 있지 않습니다. 이렇게 가져 오기를 시도하십시오. 이 같은

@import "../node_modules/bootswatch/dist/materia/variables"; @import "../node_modules/bootstrap/scss/bootstrap"; @import "../node_modules/bootswatch/dist/materia/bootswatch"; @import "../node_modules/bootswatch/dist/materia/bootstrap.min.css";