无法加载资源（404 错误）（Material Design Lite）

Question

刚开始处理我的第一个 Angular 2 应用程序，但我运行遇到了一些问题。

我的 IDE 是 WebStorm & 我用 Angular CLI 生成了项目

我在尝试使用 Material Design 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

然后在您的 angular-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"
      ],

无法加载资源（404 错误）（Material Design Lite）

Failed to Load Resource (404 Error) (Material Design Lite)

material-design-lite

angular