angular2 cli mit Material lite Stepper funktioniert nicht

Question

Ich versuche, Material lite Stepper zu meinem angular2 Projekt hinzuzufügen.

Ich habe npm install mdl-stepper --save und dann in meiner Indexdatei hinzugefügt:

<!-- 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> 

jedoch in meiner Browser-Konsole gibt es mir 404-Fehler. Ich versuchte mit ../node_modules und /node_modules oder sogar ../../node_modules, aber es half nicht. Ordnerstruktur sieht wie folgt aus:

Was mache ich falsch?

Answer 1

Antwort hier Angular Cli Webpack, How to add or bundle external js files? ist nützlich.

Sie müssen nicht css und js in index.html hinzufügen.

css geht in styles.css und js geht in angular-cli.json -> innen "scripts":[]