Блог

Главная - Вопросы по программированию - Мой Node.js приложение не загружает мои css-файлы

Мой Node.js приложение не загружает мои css-файлы

#html #css #node.js #express #pug

Вопрос:

Я просмотрел этот вопрос и, похоже, не могу найти ответа для моей конкретной ситуации. Мой CSS не загружается, я попытался добавить определенную папку CSS в /public/, и у меня все еще возникают проблемы.

Я использую экспресс.

Шаблон МОПСА:

 block variables
doctype html
html
  head
    meta(charset="utf-8")
    link(rel="shortcut icon", href="/favicon.ico")
    meta(name="viewport", content="width=device-width, initial-scale=1, shrink-to-fit=no")
    meta(name="theme-color", content="#000000")
    title #{title} | WHATABYTE
    link(rel="stylesheet" href="/style.css")
  body
    div#root
      block layout-content

CSS:

 body {
    background-color: aqua;
}

app.js:

 const express = require('express')
const path = require('path')

const port = process.env.PORT || 3000

const app = express()

app.set("views", path.join(__dirname, "views"))
app.set("view engine", "pug")
app.use(express.static(path.join(__dirname, "public")))

app.get("/", function(req, res){
    res.render("index", { title: "Home"})
})

app.listen(port, function(){
    console.log(`app started on ${port}`)
})

Моя файловая система:

файловая система

Комментарии:

1. Вы пробовали установить свой публичный каталог на пути? например app.use('/public', express.static(path.join(__dirname, "public"))) , а затем указать свою таблицу стилей href="/public/style.css" ?

2. только что попробовал, к сожалению, он все еще не загружается

3. Проверьте мой ответ ниже. Давайте посмотрим, сработает ли это

4. @Sokmixtp ваш стиль.css находится в public папке правильно?

5. похоже, так оно и есть. Теперь, как вы запускаете приложение узла? @Sokmixtp

Ответ №1:

Я переделал весь проект, и он сработал. Почему? Я понятия не имею. Я изменил порт на 8000, я не уверен, как бы это изменило ситуацию, но это так.

Метки: