为什么Angular不能渲染我的CSS？

时间：2016-09-25 07:44:39

标签： javascript html css angular typescript

我遇到angular2-seed app的问题，当我将css放入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> 的的index.html 

css

我指向<link rel="stylesheet" href="../../node_modules/material-design-lite/material.css">文件的正确路径但是当我使用任何类时，它根本不会渲染 我试过css，这应该没有任何区别，但得到了相同的结果

的修改

以下是我的项目的样子，我已将js和src移至struct A { int x = 2; int y = 3; }; struct B: A { int z = 5; }; int main() { std::unique_ptr<B> bp{new B{}}; A a; a.x = 12; a.y = 13; *(static_cast<A*>(bp.get())) = a; // happens to work, but is it the right way? std::cout << bp->x << " " << bp->y << std::endl; return 0; } ，希望现在更清楚enter image description here

非常感谢您的帮助。

1 个答案:

答案 0 :(得分：1)

这与Angular无关。您css/material.css的路径必须不正确。

您需要在托管Web服务器的同一目录中有一个/css目录。因此，如果您的项目位于/myproject，则需要有/myproject/css文件夹。

路径必须相对于根文件夹。如果不是，那么css/material.css将无效，因为在开头没有/正斜杠，根目录相对到当前文件夹。

正如评论中提到的，您可以在浏览器中输入地址栏中的确切路径，以查看是否会加载该css文件。如果没有，你就会遇到路径问题。最有可能通过附加../向下移动目录或附加/以使路径绝对位于Web服务器的根目录来解决此问题。

相关问题
最新问题