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呈现玉文件时，这些都会被提供 将静态文件（.css，.js，.html等）保存在public文件夹中。这些文件在与请求匹配时会返回。

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