WordPress特定页面Gutenberg编辑器空白加载故障求助

控制台报错Uncaught SyntaxError: Unexpected token '<'说明页面加载时输出了不符合预期的HTML代码（本该输出JS/JSON），结合你只在单个页面遇到问题、切换平板视图后崩溃的情况，核心原因是该页面的块数据或编辑器会话状态损坏，以下是针对性修复步骤：

• 直接重置页面块内容

  1. 登录数据库管理工具（比如phpMyAdmin），找到wp_posts表，定位post_id=7的记录
  2. 备份post_content字段的原始内容后，替换为一段极简的块代码：

     <!-- wp:paragraph -->
     <p>测试内容</p>
     <!-- /wp:paragraph -->
     

  3. 保存后刷新编辑器，若能正常加载，再逐步恢复原有内容，排查具体是哪个Kadence块导致的异常

• 用WP CLI清理编辑器会话数据
  执行以下命令清除该页面的临时编辑状态：

  wp post meta delete 7 gutenberg_edit_session
  

  若无效，可尝试删除块相关元数据（先备份）：

  wp post meta delete 7 _wp_blocks
  

• 手动修复损坏的块JSON

  1. 把post_content的内容复制到本地JSON编辑器，校验语法是否存在错误（比如未闭合标签、转义异常）
  2. 重点检查Kadence Blocks类型的块（格式类似<!-- wp:kadence/xxx -->），切换平板视图时可能生成了非法的HTML转义字符（比如<被错误转成<），修正后再替换回数据库

• 临时屏蔽问题块渲染
  在主题functions.php中添加以下代码，临时禁用该页面的Kadence Blocks编辑器渲染：

  add_filter('block_type_metadata', function($metadata) {
      if (get_the_ID() === 7 && strpos($metadata['name'], 'kadence/') !== false) {
          $metadata['editor_script'] = [];
          $metadata['editor_style'] = [];
      }
      return $metadata;
  });
  

  加载编辑器后删除有问题的块，再移除这段代码

内容的提问来源于stack exchange，提问作者Derath