javascript - React Draft 所见即所得不会加载 css 样式

Question

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

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

   从'react-draft-wysiwyg'导入{Editor}；
从 'draft-js' 导入 {EditorState};

Rollup 无法解析必要的 Editor 和 EditorState 类。它给出了错误“name-is-not-exported-by-module”。在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';

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