reactjs - 模块构建失败:重复的声明“Editor”

我正在尝试在我的项目中实现Facebook提供的“ RichEditor”示例。代码如下：

import React from 'react;
import { Component } from 'react';
import { Editor, EditorState, RichUtils } from 'draft-js';
import { Map } from 'immutable';

'use strict';

const { Editor, EditorState, RichUtils } = Draft;

//rest of the code...

每当我尝试使用webpack-dev-server进行构建时，都会出现以下错误。我检查了StackOverflow以查看其他用户是否遇到了确切的错误。但是，找不到一个。

Module Build Failed: Duplicate Declaration "Editor"

'use strict';
> const { Editor, EditorState, RichUtils } = Draft;

export class ...{}

我要去哪里错了？

注意：我是ReactJS的新手。

最佳答案

您要先导入Editor，然后还要在解构Draft时再次定义它。

您可能需要在Editor的导入中为draft-js加上别名，如下所示：

import { Editor as DEditor, EditorState, RichUtils } from 'draft-js';

从这里开始，您将使用Deditor而不是Editor。然后，您可以随意在下面命名const Editor ...

或者，只是不要破坏下面的Draft对象。

代替const { Editor, EditorState, RichUtils } = Draft;，使用点语法访问Draft的属性。即Draft.Editor，Draft.EditorState等...

关于reactjs - 模块构建失败:重复的声明“Editor”，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41820701/