加载资源失败(404错误)(材料设计Lite)

Question

刚开始我的第一个角2应用程序，但我遇到了一些问题。

我的IDE是WebStorm &我用角度CLI生成了这个项目

我的问题发生在试图使用材料设计Lite。

我在我的index.html中导入了三个依赖项：

<link rel="stylesheet" href="../../node_modules/material-design-lite/material.min.css">
<script src="../../node_modules/material-design-lite/material.min.js"></script>
<link rel="stylesheet" href="../../node_modules/material-design-icons/iconfont/material-icons.css">

但是，在调用ng-serve之后，在浏览器中所有这三个都会导致加载资源错误失败。

对如何解决这个问题有什么想法吗？

注意: index.html位于app文件夹中，位于我的项目文件夹中的src文件夹中。

Answer 1

您不应该以这种方式引用依赖项。您应该使用

npm i material-design-lite

然后在你的角-cli.json中，将它添加到样式或脚本中。

即

{
  "project": {
    "version": "1.0.0-beta.16",
    "name": "test"
  },
  "apps": [
    {
      "root": "src",
      "outDir": "dist",
      "assets": "assets",
      "index": "index.html",
      "main": "main.ts",
      "test": "test.ts",
      "tsconfig": "tsconfig.json",
      "prefix": "app",
      "mobile": false,
      "styles": [
         "../node_modules/material-design-lite/material.min.css",
          "../node_modules/material-design-icons/iconfont/material-icons.css"

      ],
      "scripts": [
        "../node_modules/material-design-lite/material.min.js"
      ],