有时elementor没有加载css

Question

我正在使用 elementor pro 来构建我的网站。一切正常，但有时会发生这样的情况：通过重新加载页面，CSS 未加载，显示又回到没有样式的状态，而是简单的基本 html 或集成在 elementor 本身中的样式。

这个问题可能是什么原因造成的？这种情况并不经常发生，但例如，如果我重新加载页面大约五十次，那么肯定会发生一两次，CSS 无法加载。

我在没有使用 elementor 的情况下构建的页面不会发生这种情况。所以如果我有一个带有 html + css 的模板，它就永远不会发生。

有人遇到过这个问题吗？

Answer 1

我遇到了与 elementor 相同的问题，未加载生成的 css 文件，似乎是 elementor 中的错误，但无论如何，这就是修复它的方法。

进入 elementor 的设置 -> 高级选项卡 -> 将 CSS 打印方法从外部文件更改为内部嵌入

这将解决这个问题，而不是生成外部 css 文件然后下载它，它将把 css 注入到样式标签中，因此我们不需要 elementor 来下载外部文件。

Answer 2

我有同样的问题，但我还没有找到解决方案！但我调试了太多并获得了一些信息。 当我在移动设备（Android 和 IOS）中访问网络并且有时 elementor post css 无法加载时，就会发生此问题。 当您使用 elementor 编辑器编辑页面时，Elementor 会为网站中的每个帖子创建 css。 我发现发生这种情况时，wp-content/uploads/elementor/post-{id}.css 中的帖子找不到并在控制台上返回此错误：

加载资源失败：服务器响应状态为404

我认为这是 elementor 的另一个错误！

并寻求解决方案：

• 安装一些插件可以提供帮助，例如 wp-rocket 可以缓存 CSS 和 js 。这就是为什么 elementor 不会上传帖子的 CSS，而 wp-rocket 会这样做

• 也许我们可以编写脚本来检查 window.load 事件后的 404 错误 然后如果post的css没有找到就会刷新页面！

但我真的不想做这些解决方案，这个错误应该有另一个我想找到它的原因！

Answer 3

我现在也有同样的问题，基本上主题是在Wpbakery上写的，但我不想使用不好的皮肤，所以我在上面安装了elementor pro。

有时，正如你所说，当我刷新页面时，我看到CSS样式扭曲，我认为这是因为CSS加载顺序的影响。

您可以在 Wordpress 的自定义部分中使用在 Elementor 中使用的 CSS，以使其尽早加载。

Answer 4

当我们更新时，我在我们的两个网站上遇到了这个问题。经过大量研究后，我找到了解决方法。我能够在很大程度上解决这个问题。我注意到，当您更新 Elementor 时，我看到它在两个文件位置进行了更新；

• wp-content/uploads/elementor/

• wp-content/uploads/plugins/elementor/

  我不知道为什么第一个甚至存在或随 Elementor 安装一起提供。然后我又挖了一点，看起来 Elementor 创建它是为了保存表单数据或其他东西。帖子链接：https://elementor.com/help/form-widget-faq/
  虽然我还没有使用过表格，但它仍然被创建了。 不管怎样，继续前进，我看到 post css 保存在这个文件夹中：

  wp-content/uploads/elementor/css

wp-content/uploads/plugins/elementor/assets/css

此外，CSS 维护在

wp-content/uploads/plugins/elementor/assets/css

的 asset 文件夹中 这是设计使然。

当我登录 WordPress 时，所有页面看起来都很好。但是当我转到公开查看的页面时，某些页面会抛出

post-130.css not found

。错误模式是

post#.css

。所以，我猜当你重新生成时，上传文件夹（

post.css

）中的那些

wp-content/uploads/elementor/css/

文件被删除了，或者这些单独存储的后级CSS文件发生了一些事情..

解决方案
我刚刚创建了丢失的帖子文件，并将其命名为错误中给出的名称，即

post-130.css

并复制了另一个 CSS 文件的数据，该数据与丢失的页面具有相似的外观，并且它有效！我在公众视野中进行了测试，并且表现得非常出色。我知道这不是一个好的解决方案和解决方法。

Answer 5

确保关闭自定义 css 面板中的所有 css 规则。

.some-class {
    display: block;
}

如果您有一个未封闭的块，例如：

.some-class {
    display: block;

然后所有自定义 CSS（以及该元素或页面上使用的自定义字体）将停止工作。

Answer 6

就我而言，我只是更改了一行文本并更新了文件。重新加载页面就成功了。另一个奇怪的地方是，该页面在 Chrome 中显示正常，但在 Safari 中却不行。