angular2 cli with material lite stepper不工作

Question

我正在尝试将材质精简步进器添加到我的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 - ＆gt;在__getattr__

内