angular2 cli 재료 lite stepper가 작동하지 않음

Question

angular2 프로젝트에 material lite stepper를 추가하려고합니다.

나는 npm install mdl-stepper --save을 한 다음 내 인덱스 파일에 추가 :

<!-- material lite --> 
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> 
<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css"> 
<script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script> 
<!-- MDL stepper --> 
<link rel="stylesheet" href="../../node_modules/mdl-stepper/stepper.min.css"> 
<script defer src="../../node_modules/mdl-stepper.min.js"></script> 

그러나 브라우저 콘솔에서 나에게 404 오류를 제공합니다. ../node_modules과 /node_modules 또는 심지어 ../../node_modules으로 시도했지만 도움이되지 않았습니다. 폴더 구조는 다음과 같습니다 : 내가 잘못 뭐하는 거지

?

Answer 1

여기에서 대답은 Angular Cli Webpack, How to add or bundle external js files?입니다.

index.html에 css 및 js를 추가 할 필요가 없습니다.

CSS는 styles.css에 들어가고 js는 angular-cli.json에서 들어갑니다. -> inside "scripts":[]