使用 nodejs 查找 css 个文件

Question

这是我的结构

我正在尝试从 header.ejs 文件加载 main.css 文件，找不到它。

这段代码在我的头文件中：

<!DOCTYPE html> <html>
    <head>
        <title>Hello and wellcome to my album</title>
        <link type="text/css" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
        <link type="text/css" rel="stylesheet" href="../../public/stylesheets/main.css">

    </head>
    <body>

Answer 1

尝试返回 2 个目录，而不是 1 个。

像这样：

<link type="text/css" rel="stylesheet" href="../../public/stylesheets/main.css">

Answer 2

Link 应该如下所示，因为你有 2 个子文件夹，然后你将得到 public 文件夹和样式表

  <link type="text/css" rel="stylesheet" href="../../public/stylesheets/main.css">

Answer 3

尝试

<link type="text/css" rel="stylesheet" href="../../public/stylesheets/main.css">

(..) 2 次，因为首先，您需要返回 2 个目录，然后转到 public，然后是样式表，然后是 main.css

Answer 4

问题是你的样式表路径设置错误。

<!DOCTYPE html> <html>
<head>
    <title>Hello and wellcome to my album</title>
    <link type="text/css" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
    <link type="text/css" rel="stylesheet" href="../../public/stylesheets/main.css">
</head>
<body>

您只是指向一个从 partials 到 views 的文件夹。就像我指出的那样，您需要另一个文件夹到您的站点根目录。通常你可以直接使用 /public/stylesheets/main.css 直接指向项目根文件夹

Answer 5

这是一个nodejs应用程序，路径应该如下所示。

<link rel="stylesheet" type="text/css" href="/stylesheets/main.css" />

如果你的路径是静态的：

<link rel="stylesheet" type="text/css" href="stylesheets/main.css" />

Answer 6

在 app.js 我补充说：

app.use(express.static("public"));

在 header.ejs 我改变了：

<link type="text/css" rel="stylesheet" href="stylesheets/main.css">

我正在使用 NodeJS

使用 nodejs 查找 css 个文件

Find css file using nodejs

html

structure

filepath