首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何使用CKEditor 5的自定义构建以及React和Vite?

如何使用CKEditor 5的自定义构建以及React和Vite?
EN

Stack Overflow用户
提问于 2022-07-31 02:49:53
回答 1查看 608关注 0票数 2

在过去的几个月里,我一直在用构建我的应用程序。

然而,Ionic现在支持Vite,我正在尝试将我的应用程序从CRA迁移到Vite。

最初,我制作了一个CKEditor 5自定义构建,并在一个像这样的React应用程序中设置了它:

代码语言:javascript
复制
import React from 'react';
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-ignore  Ckeditor does not supply TypeScript typings.
import { CKEditor } from '@ckeditor/ckeditor5-react';
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-ignore  Ckeditor does not supply TypeScript typings.
import Editor from 'ckeditor5-custom-build/build/ckeditor';

在构建我的应用程序之前,我会像这样构建自定义CKEditor:

cd ckeditor5; npm run build

CKEditor build命令是webpack --mode production

现在,在配置Vite之后,当我运行npm run build时,会得到以下错误:

‘'default’不是由src/components/contentTypeCard/CKEditorInput.tsx导入的ckeditor5 5/build/ckeditor.js导出的。

CKEditor问题队列有一个关于缺乏关于Vite问题的文档的文章,但是对于如何解决这个问题并没有什么特别的内容。

我试过的

我试着在开发模式( CKEditor in development mode,webpack --mode development)中构建webpack --mode development,并检查ckeditor.js文件以尝试导出编辑器,但是该文件有超过10万行代码,我完全迷路了。

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/73180352

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档