React Strapi项目自定义CKEditor构建报错：无法解析_rwd.css

我来帮你搞定这个构建报错的问题，这个错误的核心原因是CKEditor5各插件版本不兼容，尤其是你混用了GitHub源码版的ckeditor5-list和固定版本的其他插件，导致依赖的UI组件文件路径匹配失败。下面是具体的解决步骤：

一、统一所有CKEditor5插件的版本 #

你当前的@ckeditor/ckeditor5-list是直接从GitHub拉取的源码，和其他插件的16.0.0版本不匹配，这会导致依赖解析混乱：

1. 先卸载当前的list插件：

   npm uninstall @ckeditor/ckeditor5-list
   

2. 安装和其他插件同版本的ckeditor5-list：

   npm install @ckeditor/ckeditor5-list@16.0.0
   

二、修正ClassicEditor的导入错误 #

你代码里导入的是ClassicEditorBase，但后续直接用ClassicEditor来配置，这会导致未定义的潜在问题，修改导入语句：

// 替换原来的ClassicEditorBase导入
import ClassicEditor from '@ckeditor/ckeditor5-editor-classic/src/classiceditor';

然后删掉原来的ClassicEditorBase导入行，确保所有配置都是基于正确的编辑器类。

三、清理依赖缓存并重装 #

有时候npm缓存会导致依赖解析异常，执行以下步骤彻底清理：

1. 删除node_modules和锁文件：

   rm -rf node_modules package-lock.json yarn.lock
   

2. 重新安装所有依赖：

   npm install
   

四、重新执行Strapi构建 #

完成以上步骤后，再运行构建命令：

strapi build

额外验证点 #

检查你的package.json，确保所有CKEditor5相关依赖的版本都是16.0.0，比如：

{
  "@ckeditor/ckeditor5-basic-styles": "^16.0.0",
  "@ckeditor/ckeditor5-block-quote": "^16.0.0",
  "@ckeditor/ckeditor5-editor-classic": "^16.0.0",
  "@ckeditor/ckeditor5-essentials": "^16.0.0",
  "@ckeditor/ckeditor5-link": "^16.0.0",
  "@ckeditor/ckeditor5-list": "^16.0.0",
  "@ckeditor/ckeditor5-react": "^2.0.0",
  "@ckeditor/ckeditor5-ui": "^16.0.0"
}

ckeditor5-ui是提供_rwd.css的包，必须和其他插件版本一致，否则会出现文件路径或缺失的问题。

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