首页 > 解决方案 > 第三方组件未获取 Material UI 主题

问题描述

我一直在研究这个 Material UI 富文本编辑器在这里

https://www.npmjs.com/package/material-ui-rte

我正在尝试遵循 React 和 Material-UI 的最佳实践,以便任何人都可以在他们的项目中拾取和删除它,并且它只适用于 Material

我遇到了一个问题,在运行我的构建脚本并尝试将编辑器实际导入项目后,我没有将任何主题传递到编辑器中的组件中,因此调色板颜色或字体系列没有在我认为他们会成为的编辑

当实际克隆 repo 并运行脚本时,在从 src 组件中拉出 src 组件但像普通用例一样从目录中拉入时start,使用演示与主题一起工作将不适用于主题。Editorlib

这是一个代码框来说明这一点,我已将主题设置为具有石灰绿色的文本颜色,并且编辑器根本不会呈现这种颜色。但是如果你克隆并运行实际的 repo,编辑器会使用石灰颜色

https://codesandbox.io/embed/create-react-app-dw7gh

我会喜欢这方面的一些方向。我是否做错了什么或遗漏了材料所期望的东西?我是否设置错误的构建脚本?

标签: reactjsmaterial-uidraftjs

解决方案


主题传播依赖于单例来工作。我会鼓励使用 @material-ui/styles 作为对等依赖项。现在,您似乎发布了它:https ://unpkg.com/material-ui-rte@1.1.3/lib/index.js 。你应该改变它。


推荐阅读