如何正常加载用elementor编辑网页的预览？

问题遇到的现象和发生背景

之前，我从来没有接触过网站建设和网页设计。
我自己安装了wordpress，运行正常。
我使用elementor-pro插件进行网页设计，因为这个插件非常直观又有比较多的模板可以使用。
前一天还能预览设计好的网页，但是从昨天傍晚开始就再也不能“预览”了。

问题相关代码，请勿粘贴截图

问题相关代码：404

运行结果及报错内容

我的解答思路和尝试过的方法

在安全模式下打开，没用。
按照elementor“帮助中心”提供的那几条方法，也没用。

我想要达到的结果

能够正常加载我设计的网页。
因为无法“预览”，链接到“主页”上的这些网页根本无法正常打开。

换个浏览器也不行吗？

1、可能是由于与另一个插件或主题中插入的脚本冲突。在这种情况下，请激活 安全模式。如果有帮助，请除Elementor和Elementor Pro之外，逐个停用每个插件，以找出引起问题的插件。

2、有时由于浏览器中安装了加载项，因此会看到这个不断加载的页面。在这种情况下可以切换到其他浏览器（必须是Safari，Chrome，Firefox或Opera）。

3、如果主题使用预加载器，则可能需要在主题的选项或“定制程序”中禁用预加载器。

4、灰色页面也可能是由于X框架限制和 跨域问题。可以通过查看浏览器控制台的错误消息来查看问题是否存在。在页面点击右键，选择“检查”，然后选择“控制台”。错误消息以红色显示。在这种情况下必须将X框架选项从DENY更改为SAMEORIGIN。

5、如果使用Cloudflare，则可能需要关闭Rocket Loader或 向Cloudflare添加规则。

6、如果同时使用免费版本的Elementor和Elementor Pro，请确保这两个版本兼容。如果使用的版本比另一版本的旧，则可能会发生冲突，因为较新的版本可能正在使用较旧版本不知道的代码或功能。将两者都更新到最新版本，以排除这种可能性。

     这可能是由于与浏览器插件或主题内插入的脚本发生冲突。在这种情况下，你可以切换到另一个浏览器（试试谷歌）。

    如果你使用Cloudflare，Cloudflare的缓存那么也会阻止你的浏览器识别新版本的Elementor和Elementor pro，一定在更新插件之前清除你的缓存。

  如果你同时使用的普通Elementor，请升级到最新的Elementor Pro。如果您使用的是比另一个版本更早的版本，可能会发生冲突，因为较新的版本可能会使用较旧版本不知道的代码、功能。把两者都更新到最新版本就能解决。


   灰色页面：

    可能是由于X框架限制和跨源问题。你可以通过检查你的浏览器控制台的错误信息来了解是否是这个问题（点击鼠标右键，选择 "检查"，然后 "控制台"。错误信息是以红色书写的）。在这种情况下，得由你的主机商来解决。

     如果你的主题使用预加载器，你要在主题的选项中或在自定义器中禁用预加载器。

     可能是因为其他插件或主题内插入的脚本发生冲突。你需要激活Elementor的安全模式。（你好像打开过了）
      
     还有可能是网络的原因（应该不会）

     如果再不行：换个电脑······

    

感谢以上三位亲们的快速回答。
一、浏览器我已经换用了四个，依然打不开。
二、强制使用好几遍“安全模式”，没有用。
三、第二位回复的方法，我在前天就已经在网上查询到，并一条一条地做过，没有用。
四、网络没有问题。
五、换了不同的电脑，依然打不开。
插件的问题其实是非常复杂非常多样的，很不容易解决。
即使亲身碰到过同样的问题，造成问题的原因很可能也不相同。
再次感谢大家的回答。虽然仍未解决我遇到的这个问题，但我还在等待，我心中还有希望。

404 本身是找不到页面, 重新编译下,
按F12 看看网络, 根据请求地址找一下

是否最近清理过浏览器缓存
比如：cookie、localstroge、等等， 有可能是插件缓存到本地得，然后清理了数据，就变成404了

如果你是本地的服务器的话，除了确认代码问题之外，还可以看看是不是web服务停止了；如果是使用的在线服务器，可以看看对方网站是否还能正常服务、你的用户是否有权限等等

404是本身找不到页面了 ,不知道在软件里面是能看到页面源码的吗,可以的话copy出来新建一个页面看看是否正常