为何WordPress文章编辑页Gutenberg可视化编辑器无法启用？

1. 确认站点URL配置 #

登录abc.com/resources的WP后台，进入设置→常规，核对以下两个URL是否准确：

• WordPress地址（URL）：https://abc.com/resources
• 站点地址（URL）：https://abc.com/resources
  若存在错误，修正后保存设置，重新登录后台测试编辑器。

2. 修正静态资源加载路径 #

Gutenberg依赖的JS/CSS资源在子路径部署时易出现路径错误，可通过修改wp-config.php强制指定正确路径：
在文件中添加以下代码：

define('WP_HOME','https://abc.com/resources');
define('WP_SITEURL','https://abc.com/resources');
define('CONCATENATE_SCRIPTS', false);
define('SCRIPT_DEBUG', true);

添加完成后，通过AWS控制台或EB CLI执行eb deploy重启Elastic Beanstalk环境，清除浏览器缓存后再测试编辑器。

3. 检查Elastic Beanstalk的重写规则 #

AWS Elastic Beanstalk默认的Web服务器配置可能未适配子路径，导致Gutenberg的API请求失败：

• Apache环境：确认resources目录下的.htaccess存在且包含正确规则：

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /resources/
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /resources/index.php [L]
</IfModule>
# END WordPress

• Nginx环境：在.ebextensions/nginx/conf.d/wordpress.conf中添加子路径重写规则：

location /resources {
    try_files $uri $uri/ /resources/index.php?$args;
}

修改后重新部署环境。

4. 排查插件冲突 #

暂时禁用子路径站点的所有第三方插件，测试Gutenberg是否恢复正常。若正常，逐个启用插件排查冲突项，更新或替换该插件即可。

5. 重新安装Gutenberg核心文件 #

若以上步骤无效，可能是Gutenberg核心文件损坏。进入WP后台插件→安装插件，搜索并重新安装Gutenberg插件（即使是默认集成版本，重装也可修复文件问题）。

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