React Draft所见即所得不会加载CSS样式

Question

我正在开发使用create-react-library创建的React库。 效果很好，现在我想实现一个html文本编辑器。为此，我选择了react-draft-wysiwyg。 我遇到了2个问题：

1. 将Editor和EditorState添加到我的组件中：

   import {Editor} from 'react-draft-wysiwyg'; import {EditorState} from 'draft-js';

汇总无法解析必要的Editor和EditorState类。它给出了错误“模块未导出名称”。经过searching尝试之后，我通过将以下几行添加到rollup.config.js中解决了这个问题：

commonjs({
        namedExports: {
            'node_modules/draft-js/lib/Draft.js': [ 'EditorState' ],
            'react-draft-wysiwyg': [ 'Editor' ]

        }
    }),

现在将显示编辑器。

1. 加载CSS

import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';

样式也不会加载，但是这次，控制台中未显示警告，只是不加载。

任何想法如何解决此问题？

Answer 1

您看到类似这样的内容吗？ 您能否尝试一下并看到 import'../ node_modules / react-draft-wysiwyg / dist / react-draft-wysiwyg.css';

我使用的是相同的编辑器，但从未遇到上述任何问题。您确定安装正确吗？因为您遇到的第一个问题就是这样。

Answer 2

这个问题很老，但对于那些使用 NextJs 并且遇到这个问题的人来说，将此导入 @import '~react-draft-wysiwyg/dist/react-draft-wysiwyg.css'; 添加到全局 CSS（或 SASS、LESS）文件应该可以工作。