CSS 未被发现？

Question

我被告知我没有得到这个的原因：

并得到这个：

是因为没有提供样式。所以我检查了我的 CSS 链接：

link(href="css/bootstrap.css", rel="stylesheet", type="text/css")
link(href="elyes.css", rel="stylesheet", type="text/css")
link(rel="stylesheet", href="jstree/dist/themes/default/style.min.css")
link(href="jquery.mCustomScrollbar.css", rel="stylesheet", type="text/css")
link(href="./Icons/splashy.css", rel="stylesheet", type="text/css")
link(href="toastr/toastr.css", rel="stylesheet")
link(href="upload-engine/assets/css/styleUploader.css", rel="stylesheet")
link(href="https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700", rel="stylesheet")

有人可以根据上面的这些链接告诉我，css 文件（css/bootstrap.css、elyes.css、...）位于何处？只是为了确保我走的路是正确的。

Answer 1

您可能正在使用 Express.js，因此您可能有一行如下所示：
app.use(express.static(path.join(__dirname, 'public')));

这个 public 文件夹是您需要放置 css 个文件的地方。

基本上这是如何工作的：
1./account/css/bootstrap.css请求进来
2.快递走每条路线，看谁要处理。
3. 当它到达静态文件服务路径（见上一行）时，它没有找到你的 CSS 文件，因为你把它们放在与它正在查找的文件夹不同的文件夹中。
4. 然后继续到下一个路由，最后发现没有路由要处理它，所以你输出一个 404 错误。

故事寓意：
将玉视图保存在 views 文件夹中。当您告诉 Express 渲染 jade 文件时，将提供这些服务。
将静态文件（.css、.js、.html 等）保存在 public 文件夹中。这些文件在与请求匹配时返回。

在您的情况下，您需要将 bootstrap css 文件放在这里：
public/account/css/bootstrap.css

CSS 未被发现？

CSS undetected?

css

node.js

pug