使用Greenshift WP添加区块时遇react-dom.min.js报错及404问题求助

问题详情 #

• 添加Greenshift部分区块至页面时触发「无效区块」错误，无法预览该区块
• Edge/Chrome浏览器控制台出现两类错误：

错误1：React钩子兼容性错误 #

react-dom.min.js:10 Error: Switching useSelect from mapping to mapping is not allowed
    at Je (data.min.js:9:2838)
    at Nd (block-editor.min.js:26:196324)
    at edit (index.js:1:268694)
    at wt (react-dom.min.js:10:47637)
    at vr (react-dom.min.js:10:56452)
    at js (react-dom.min.js:10:121453)
    at wl (react-dom.min.js:10:88659)
    at bl (react-dom.min.js:10:88587)
    at yl (react-dom.min.js:10:88450)
    at il (react-dom.min.js:10:85274)
   ar @ react-dom.min.js:10

涉及文件路径：https://www.example.com/wp-includes/js/dist/vendor/react-dom.min.js

错误2：WooCommerce API 404错误 #

Failed to load resource: https://www.example.com/wp-json/wc/v3/products/attributes?per_page=100&_locale=user the server responded with a status of 404 ()

未安装WooCommerce插件，但插件仍发起相关API请求

解决步骤 #

针对React useSelect错误 #

1. 更新Greenshift插件：该错误属于插件内部React钩子使用不符合WordPress区块编辑器规范，新版本通常会修复这类兼容性问题，优先更新到最新版。
2. 排查插件冲突：临时禁用所有非Greenshift插件，逐个重新启用，定位是否有其他插件干扰了区块编辑器的React逻辑。
3. 切换默认主题测试：比如切换到Twenty Twenty-Four主题，排除当前主题的自定义区块或React代码导致的冲突。
4. 回滚WP核心版本（临时方案）：如果是更新WordPress核心后出现问题，说明WP的block-editor.min.js或data.min.js与Greenshift不兼容，可暂时回滚到之前稳定版本，等待插件适配。

针对WooCommerce API 404错误 #

1. 检查Greenshift设置：进入插件设置面板，查找「WooCommerce集成」类选项，关闭未安装WooCommerce时的相关功能加载。
2. 禁用WooCommerce相关脚本：通过代码片段阻止插件加载WooCommerce相关资源（需替换实际脚本句柄，可查看插件源码确认）：

add_action('wp_enqueue_scripts', function() {
    wp_dequeue_script('greenshift-woo-integration');
}, 999);

3. 反馈插件开发者：提交该bug，要求修复未安装WooCommerce时仍发起API请求的逻辑漏洞。

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