为什么不是角度渲染我的CSS？

我有angular2-seed app一个问题，似乎它不能渲染我css当我把它放在index.html

的index.html
为什么不是角度渲染我的CSS？

<!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，希望其更清晰现在

你的帮助是非常赞赏。

来源

2016-09-25 Bisho Adam

检查开发工具中的网络选项卡，它可能会给出错误 –

是的，我也这样做了，注意到我的css文件没有被加载，但是我不明白为什么？ –

您是否使用浏览器调试程序检查了angualr是否正常工作？有时候，如果角度生成错误导致css未加载 – astrohsy

这与Angular无关。您的css/material.css的路径必须错误。

你必须你从托管Web服务器的同一目录/css目录。所以如果你的项目在/myproject你需要有一个/myproject/css文件夹。

该路径必须是相对于您的根文件夹。如果不是，那么css/material.css将无法正常工作，因为没有一个/开头斜线，根相对到当前文件夹。

正如在评论中提到的，你可以进入的确切路径到浏览器的地址栏，看看是否能css文件将加载。如果不这样做，你会遇到路径问题。最有可能的解决办法是追加../以沿目录传送，或追加/以使路径绝对地位于Web服务器的根目录。

来源

2016-09-25 07:48:19 Soviut

我是知道的，正如我所说，我指向正确的路径，以我的CSS文件 –

@BishoAdam：但你webhosted文件夹内的这条道路？相对路径../../ node_modules/...很容易在外面。一种简单的检查方法是在地址栏中输入css的路径，看看它是否会获取它。 – Ma3x

请参阅我的更新请@ Ma3x –

为什么不是角度渲染我的CSS？

回答

相关问题