Find css file using nodejs

Question

This is my structure

I'm trying to load the main.css file from the header.ejs file, can't find it.

This code is in my header file:

<!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>

try commenting the first one and check if the problem is not in the first link tag — theboringdeveloper, Jan 21 '18 at 09:33
Possible duplicate of [How do I include a file over 2 directories back?](https://stackoverflow.com/questions/162873/how-do-i-include-a-file-over-2-directories-back) — jasinth premkumar, Jan 21 '18 at 09:34
I imagine that this is a nodejs app....did you set the public folder as `static`? open your devtools and check if there are errors in your console — Elmer Dantas, Jan 21 '18 at 09:37

score 3 · Answer 1 · answered Jan 21 '18 at 09:28

3

Try to go 2 directories back, not 1.

Like this:

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

answered Jan 21 '18 at 09:28

Paul Isaris

414
4
13

score 1 · Answer 2 · answered Jan 21 '18 at 09:29

1

Link should be like below cause you have 2 sub folder back then you will get public folder and stylesheets

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

answered Jan 21 '18 at 09:29

Destroyer.0211

113
1
3
13

theboringdeveloper · Answer 3 · 2018-01-21T09:38:35.140

1

Try

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

.. selects the parent directory from the current.

(..) 2 times because first, you need to go 2 directories back and then go to public and then stylesheet and then main.css

edited Jan 21 '18 at 09:38

answered Jan 21 '18 at 09:30

theboringdeveloper

1,429
13
17

score 1 · Accepted Answer · answered Jan 23 '18 at 11:04

1

in app.js i added:

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

in the header.ejs i changed:

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

i am using NodeJS

answered Jan 23 '18 at 11:04

asaf

119
2
10

score 0 · Answer 5 · answered Jan 21 '18 at 09:30

The problem is that your stylesheet path is set wrong.

<!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>

You are pointing just a folder up from partials to views. You need anothe folder up to your site root dir just like I pointed. Generally you could just use /public/stylesheets/main.css which is directly pointing to project root folder

score 0 · Answer 6 · answered Jan 21 '18 at 09:44

0

This is a nodejs app, path should be like following.

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

If your path static:

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

answered Jan 21 '18 at 09:44

sametcodes

583
5
8

Find css file using nodejs

6 Answers6