построения модулей Ошибка: Дублированный Declaration «Редактор»

Question

Я пытаюсь реализовать пример «RichEditor» предоставленный Facebook в моем проекте вот код:

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.

Answer 1

Вы импортируете 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 и т. д.