自定义 CSS 未在某些页面上加载 - 特别是那些带有表单的页面？答案

【问题标题】：Custom CSS not loading on SOME pages - particularly those with forms?自定义 CSS 未在某些页面上加载 - 特别是那些带有表单的页面？
【发布时间】：2020-01-30 04:03:09
【问题描述】：

所以我安装了 Magento，扩展了空白主题，并添加了一些自定义 CSS……CSS 适用于某些页面，例如主页、隐私政策和目录页面，但不适用于其他页面。在有表格的页面上似乎有问题，例如联系表格、订单和退货以及高级搜索页面。当我查看源代码时，页面上会显示 CSS 参考。

我已将 CSS 参考放在内容 > 设计 > 配置下的 HTML 头部部分中。我也将参考放在 default_head_blocks 中。我已经尝试刷新 Magento 的缓存并擦除 var/cache 文件夹。

default_head_blocks：

<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <head>
        <css src="[site].com/pub/media/kwesteb.css" media="screen and (min-width: 1px?)" />
        <css src="css/styles-m.css"/>
        <css src="css/styles-l.css" media="screen and (min-width: 768px)"/>
        <css src="css/print.css" media="print"/>
        <meta name="format-detection" content="telephone=no"/>
    </head>
</page>

我希望 CSS 显示在所有页面上，但它不会显示在具有某种联系表单的页面上。

【问题讨论】：

你能把 default_head_blocks 放在你的答案中，这样我就能得到更多的想法吗？如果可能，请分享未加载 css 的页面
你好，我加了。这些是不会加载 css 的页面：kwesteboutique.com/sales/guest/form、kwesteboutique.com/contact、kwesteboutique.com/catalogsearch/advanced，至少是我目前发现的那些。感谢您查看我的问题。
这是路径错误
我的 CSS 文件在 pub/media 中。当我研究如何解决这个问题时，我在另一篇文章中看到了它的推荐。它正在我的一些页面上工作，所以我不确定路径是否是问题所在。我也试过把它放在 CSS 文件夹中。您对如何解决它有什么建议吗？
创建主题然后将css或js放入主题文件夹是标准的

标签： css magento2

【解决方案1】：

您错误地设置了 css 文件，它正在尝试应用两次。您试图在https://kwesteboutique.com/contact/pub/media/kwesteb.css 和https://kwesteboutique.com/pub/static/version1569869554/frontend/Kweste/KwesteBtq/en_US/kwesteboutique.com/pub/media/kwesteb.css 找到它。第一个url 是因为设计-> 配置中的条目，只需删除它即可。第二个是默认头块xml文件中的损坏引用。

请将其移至下文详述的正确位置并修复 default_head_blocks.xml 条目。

文件需要在app/design/frontend/<vendor>/<theme>/css

将xml文件入口改为：<css src="css/kwesteb.css" media="screen and (min-width: 1px?)" />

CSS 文件应附加到不在 pub/media 中的主题或模块。

如果您处于开发者模式，请清除缓存加载页面。如果您处于生产模式，则需要部署静态内容。默认方式是php bin/magento setup:static-content:deploy，如果您使用自定义脚本或其他方式来部署类似的内容，请改为这样做。

调试此类问题的一些建议。检查检查员，如果您有错误，根据 Magento 的说法，很可能是您做错了什么。如果是这样的 CSS，则您有 MIME 类型错误，这通常意味着它没有被正确引用或者您有一个 url 问题。如果您查看我在页面上提到的第二个 url，它指的是文件结构。忽略版本位，然后您可以遵循 pub 中的结构。如果这是错误的，您需要修复文件的位置。还要记住，大多数（如果不是所有）服务器系统在文件和文件夹名称上都区分大小写。

【讨论】：