不加载css的pugjs
不加载css的pugjs
提问于 2019-06-16 09:29:42
我无法让我的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 Logoutdashboard.js成功加载
dashboard.css不加载
folder structure
-public
-views
-dashboard
-dashboard.css
-dashboard.js
-dashboard.pug
-server
-server.js无差错
回答 2
Stack Overflow用户
回答已采纳
发布于 2019-06-16 13:50:32
问题是类名和div之间的差距。不知何故，它没有显示错误，并呈现了一个类的HTML，但这些类没有调用CSS。我就这样消除了空隙
div .classname -> div.classname
它解决了这个问题。
Stack Overflow用户
发布于 2019-06-16 10:49:06
我使用快速应用程序生成器设置了一个与您非常相似的应用程序。目录结构(没有显示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相当于您的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')));我在/public/views/dashboard中放置的简单css和js文件在查看浏览器中呈现的index.pug页面时工作正常。
希望这能有所帮助。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56617624
复制相关文章
相似问题
腾讯云开发者
