在处理 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/