javascript - 为什么在使用 handlebars(javascript) 时我的样式表页面不工作?

标签 javascript css handlebars.js stylesheet

在处理 Handlebars 演示时,我注意到在查看页面时样式表没有显示。我在下面提供了代码和实时页面的链接。有谁知道为什么样式表不起作用?

代码在这里: https://github.com/sutri001/DA670/tree/master/week7_handlebars

事件页面在这里: http://67.205.184.187:1000

最佳答案

您呈现的页面确实具有引用您正在查找的样式表的link 标记。当请求样式表时,您的服务器会抛出 404。

查看您的 express 服务器的代码,我看到您告诉 express 从 public 目录静态提供文件(好)...但是您没有 public 目录,甚至你的 css 目录都位于这样的地方之外。

我的建议是将您的 css 目录 移动到一个新的 public 目录(这样您就可以public/css/style.css)。那应该可以解决您的问题。


此外,请记住,处理您的 link 标记的是浏览器,而不是服务器!这意味着浏览器目前正在尝试访问 http://yoursite/../../css/style.css。谢天谢地,您的浏览器了解如何处理这个问题,但这绝对不是您想要的。

你的 link 标签的 href 属性应该设置为 /css/style.css 因为,从浏览器的 Angular 来看,这是样式表的位置位于。

关于javascript - 为什么在使用 handlebars(javascript) 时我的样式表页面不工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43443134/

相关文章:

html - 无法覆盖元素的 css

javascript - $sql JSON 正确加载,但即时搜索失败。仅限 JavaScript。

javascript - 如何在不创建实例的情况下获取类扩展的第一个类

Javascript AJAX 请求 - 检查操作是否成功

javascript - 如何使用handlebarsjs在表格中显示数据

html - 如何删除nodejs/html中的科学计数法并仅以十进制显示?

javascript - 预编译的 Handlebars 模板使文件大小加倍

javascript - 无法从reactjs中的webpack加载器加载html

javascript - SVG 背景图像中的旋转条纹

css - 如何调整菜单不透明度,而不是文本?