【问题标题】:Css style not being applied on a specific case with EXPRESS and EJSCss 样式不适用于 EXPRESS 和 EJS 的特定案例
【发布时间】:2020-11-23 09:08:00
【问题描述】:

我将 express 与 ejs 一起用作模板语言。我面临一个关于应用我在单独目录中定义的 CSS 属性的问题。我已经使用 app.get() 函数定义了多个路由,但是在特定路由中,我的 css 属性没有被应用。我不知道实际发生了什么。如果我尝试在 chrome 的检查工具中查找。在控制台部分下没有错误甚至警告存在。如果我在网络选项卡下查看,我可以看到正在传输的 css 文件,但是在打开它之后,它似乎给了我另一个奇怪的 html 页面。

我将提供有关该特定路线的问题的所有信息。请在下面找到相关图片。

这是我正在使用的文件夹结构: folder structure. everything is under "new" directory

app.js 文件内容: code for app.js

home.js 文件内容: code for home.js

love.js 文件内容: code for love.js

posts.js 文件的内容: code for posts.js

app.css 文件内容: Simple css properties being applied on body

在访问路由 '/fallinlovewith/rusty' 后,没有应用 css。但是在其他路线上,我的 css 工作得很好。

no css being applied in the route - '/fallinlovewith/rusty'

检查页面我们可以看到 css 文件 app.css 已被使用。但是如果我单独打开它,我会得到这个奇怪的东西,我不知道发生了什么。 double clicking on app.css under the network tab, i get back this page

顺便说一句,我正在关注我的导师 Colt Steele,他在 udemy 上开设了这门名为 web 开发人员训练营的课程。我按照他输入的方式跟踪了所有内容。尽管如此,我还是遇到了这个奇怪的问题。

【问题讨论】:

    标签: reactjs express ejs


    【解决方案1】:

    您的样式表必须以斜杠“/”为前缀,以便引用网站的根...

    我在你的代码中看到<link rel="stylesheet" href="app.css" />

    应该是<link rel="stylesheet" href="/app.css" />

    如果不加斜线前缀,则url会附加到当前url...

    ps:下次复制你的代码而不是链接一些屏幕截图...对读者来说会更容易...

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2015-09-21
      • 2015-12-26
      • 2015-07-05
      • 2020-08-24
      • 1970-01-01
      • 2019-11-10
      • 2011-09-30
      • 1970-01-01
      相关资源
      最近更新 更多