我对 angular2-seed app 有疑问它似乎无法呈现我的 css当我把它放在index.html
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<base href="<%= APP_BASE %>">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title><%= APP_TITLE %></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- inject:css -->
<link rel="stylesheet" href="css/material.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<!-- endinject -->
</head>
<body>
<div class="mdl-badge">Hello</div>
<sd-app>
<div class="mdl-spinner"></div>
</sd-app>
我指向 css 的正确路径文件，但是当我使用任何类时，它根本不呈现
我试过 <link rel="stylesheet" href="../../node_modules/material-design-lite/material.css">这应该没有任何区别，但得到了相同的结果
编辑
这是我的元素的样子，我已经移动了 css和 js到 src ，希望现在更清楚了
非常感谢您的帮助。
最佳答案
这与 Angular 无关。 css/material.css 的路径一定不正确。
您需要在托管 Web 服务器的同一目录中有一个 /css 目录。因此，如果您的元素位于 /myproject 中，您需要有一个 /myproject/css 文件夹。
路径必须相对于您的根文件夹。如果不是，则 css/material.css 将不起作用，因为开头没有 / 正斜杠，根是相对 到当前文件夹。
如评论中所述，您可以在浏览器的地址栏中输入确切路径，以查看该 css 文件是否会加载。如果没有，则说明您遇到了路径问题。这很可能通过附加 ../ 向下移动目录或附加 / 使路径绝对到 Web 服务器的根目录来解决。
关于javascript - 为什么 Angular 不渲染我的 CSS？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39684529/