Reactjs 模块生成失败：重复声明；编辑「；

我试图在我的项目中实现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的新手

您将导入

编辑器

，然后在分解

草稿

时再次定义它

在导入

draft js

时，您需要别名

Editor

，如下所示：

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

从这里您可以使用

Deditor

而不是

Editor

。然后您可以在下面自由命名const

编辑器

或者，不要对下面的

Draft

对象进行分解

---

而不是

const{Editor，EditorState，RichUtils}=Draft

，使用点语法访问

草稿

的属性。i、 e.

Draft.Editor

，

Draft.EditorState

，等等。

如果导入的预定义默认导入与导入中其他地方的组件同名，则会发生重复声明错误

例如：

import bla from 'react-bla';
://more imports
://more imports
import bla from '../Components/bla/bla';

---

第二种方法有帮助。非常感谢：）很高兴我能帮忙！看来你是新来的，所以我要说的是，标记最有效的答案是标准做法。这让其他人很明显，你不再需要这方面的帮助，也让积分系统受益匪浅。