pugjs не загружается css - PullRequest
Новая
       12

pugjs не загружается css

0 голосов
/ 16 июня 2019

Я не могу получить файл dashboard.pug для загрузки dashboard.css, но он загружает dashboard.js.Оба находятся в той же папке, что и dashboard.pug

. Я уже использовал приложение, правильно использующее экспресс-статическое для общей папки. 

const publicpath=path.join(__dirname,'../public');

app.use(express.static(publicpath));

dashboard.pug- 

doctype html
html
    head
        title Dashboard
        script(src='/views/dashboard/dashboard.js')
        link(rel='stylesheet', href='/views/dashboard/dashboard.css')
    body
        div .navbar
            div .navleft
                p Your notes
            div .navright
                div .dropdown
                    p Account ▼
                div .dropdowncontent
                    p Settings
                    p Logout

dashboard.js успешно загружается

dashboard.css не загружается 

folder structure
-public
 -views
  -dashboard
   -dashboard.css
   -dashboard.js
   -dashboard.pug
-server
 -server.js

Нет ошибок

Ответы [ 2 ]

1 голос
/ 16 июня 2019

Проблема заключалась в разрыве между именем класса и div.Каким-то образом он не показывал ошибки и отображал HTML-элементы div с классом, но эти классы не вызывали CSS.Я удалил пробелы, как это

div .classname -> div.classname

, и это решило проблему.

1 голос
/ 16 июня 2019

Я настроил приложение, очень похожее на ваше, используя генератор экспресс-приложений.Структура каталогов (не показывает node_modules ) выглядит следующим образом: 

.
├── app.js
├── bin
│   └── www
├── package.json
├── package-lock.json
├── public
│   ├── images
│   ├── javascripts
│   ├── stylesheets
│   │   └── style.css
│   └── views
│       └── dashboard
│           ├── dashboard.css
│           └── dashboard.js
├── routes
│   ├── index.js
│   └── users.js
└── views
    ├── error.pug
    ├── index.pug
    └── layout.pug

Обратите внимание, что файл index.pug находится в /views ( index.pug isэквивалентно вашему dashboard.pug ).

index.pug: 

    html
      head
        title Dashboard
        script(src='/views/dashboard/dashboard.js')
        link(rel='stylesheet', href='/views/dashboard/dashboard.css')
      body
      p Hi!

В app.js генератор экспресс-приложений помещает встрока: 

app.use(express.static(path.join(__dirname, 'public')));

Простые файлы CSS и JS, которые я вставил в /public/views/dashboard, работали при просмотре страницы index.pug, отображаемой в браузере.

Надеюсь, это поможет.

...