React草案wysiwyg不会加载css样式

Question

我正在开发一个用创建-反应库创建的React。工作良好，现在我想实现一个html文本编辑器。为此，我选择了反应-草案-wysiwyg。我遇到了两个问题：

1. 将Editor和EditorState添加到组件中： import {Editor} from 'react-draft-wysiwyg'; import {EditorState} from 'draft-js';

汇总无法解析所需的编辑器和EditorState类。它给出了错误的名称-不是逐个输出模块‘。在搜索并尝试之后，我将这些行添加到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

​

​

你看到这样的东西了吗？你能试试这个吗，看看，导入

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

Answer 2

这个问题很老，但是对于那些正在使用NextJs并遇到这个问题的人来说，将这个导入@import '~react-draft-wysiwyg/dist/react-draft-wysiwyg.css';添加到全局CSS (或者SASS，更少)文件应该可以工作。