加載資源失敗（404錯誤）（Material Design Lite）

剛開始使用我的第一個Angular 2應用程序，但我遇到了一些問題。加載資源失敗（404錯誤）（Material Design Lite）

我的IDE是WebStorm &我產生隨着角度CLI

試圖利用材料設計精簡版時出現我的問題的項目。

我已經導入我的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-服務，在瀏覽器中所有三個結果之後。

有關如何解決此問題的任何想法？

注意：index.html的是在應用程序文件夾中，位於src文件夾在我的項目文件夾

來源

2016-10-12 Ankur Bargotra

你不應該引用依賴的方式。你應該使用

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" 
     ],

來源

2016-10-12 20:29:51

所以我從index.html的去除它們，並把它們在角cli.json代替。現在不會出現錯誤，但創建時不會出現MDL對象，MDL標記將被忽略並顯示基本的HTML元素。 –

因爲您必須將該組件添加到您的ngmodule的指令 –

中，所以在使用webpack項目時出現同樣的錯誤！ – Skynet

加載資源失敗（404錯誤）（Material Design Lite）

回答

相關問題