为什么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,这应该没有任何区别,但得到了相同的结果

修改

以下是我的项目的样子,我已将jssrc移至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服务器的根目录来解决此问题。