css - 部署服务器上的页面 CSS 失败

标签 css firefox

我有一个在本地工作的页面,但在部署时,他的 CSS 都不起作用。在 Firefox 中我得到这些错误。我以前从来没有得到过这个。知道为什么会这样吗?

enter image description here

此外,在查看页面源代码时我可以看到这个

<link href="/Content/css/foo.css?v=1.0" rel="stylesheet">
The resource from this URL is not text: http://foo.iat.company.local/Content/css/foo.css?v=1.0
</link>

最佳答案

您在控制台中显示的错误似乎表明您的 JS 文件的第一行是 <!DOCTYPE html> ,它不应该用于 JavaScript 文件!

我怀疑您指向样式表的链接不起作用,而是返回一个 404 页面(屏幕截图显然表明它正在返回一个包含 HTML 的文档)。

尝试并仔细检查:

  • 在 Firefox 中打开页面并查看源代码(右键单击并“查看 来源');
  • 在 FireFox 源代码 View 中, Assets URL 将是超链接;
  • 尝试点击其中一个 JS 文件的链接,看看会得到什么 显示。

我怀疑您会发现它会返回一个错误页面,而不是您期望的 JS!

如果是这种情况,您需要再次查看您的文件夹结构并尝试找出您的标记指向错误位置的原因。

关于css - 部署服务器上的页面 CSS 失败,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16717376/

相关文章:

css - 仅应用该属性直到文本,而不是整行

javascript - 图像移动不流畅,图像移动缓慢

css - float 图像伸出 div 底部

macos - osx 安装脚本 - 检测 firefox 是否正在运行并提示重新启动

CSS 使 div 在 firefox 和 chrome 中不相等

javascript - 从浏览器/firefox 中删除 "connecting to..."消息

css - 联系表格 7 验证失败

c# - 无法使用 System.Data.Sqlite 访问(Firefox 的)Sqlite 数据库

javascript - firefox 查看源代码

javascript - 显示带有下拉按钮的现有 div?