angular2 cli與材料lite步進器不工作

Question

我想添加材料lite步進器到我的angular2項目。

我做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 - >在"scripts":[]內部