Reactjs 名称空间'；反应'；没有导出的成员'；消费者计划'；，ProviderProps

我正在尝试在visual studio中安装此库，我的react版本为15.0.35。我可以将此库用于此版本的react吗？如果没有，是否有其他与此版本兼容的库

import * as React from 'react';
import { RouteComponentProps, NavLink } from 'react-router-dom';
import { DragEvent } from 'react';
import { ApplicationState } from '../store';
import * as NavMenuStore from '../store/NavMenu';
import { connect } from 'react-redux';
import D4AMenuItem from './D4AMenuItem';
import { State } from 'react-burger-menu';
import CardContainer from './CardContainer';
import {
ConnectDragSource,
DragDropContext,
DragSourceSpec,
DragSource,
DragSourceCollector,
DragSourceConnector,
DragSourceMonitor,
DragElementWrapper,
ConnectDropTarget,
DropTargetConnector,
DropTargetMonitor,
DropTargetSpec
} from 'react-dnd';

 //render method

 public render() {

    let dropped = this.props.SelectedMenuItems.map((menu: any) => {
        return (
            <span 
                key={Math.random()}
                draggable={true}
                onDragStart={(e: DragEvent<any>) => this.onDragStart(e, menu.MenuText)}>
                <NavLink to={menu.RoutePath} activeClassName='active' className='D4AMenuItemNew'>
                    <img className='D4AIconNew' alt='Audit4Action_Icon' src={String(menu.IconPath)}></img>
                    <span className='D4ATextNew'>
                    </span> {menu.MenuText}

                </NavLink>

           </span>    
        );
    })
    return <div >

        <div className='dropping_div' onDragOver={(e: any) => this.onDragOver(e)} onDrop={(e: DragEvent<any>) => this.onDrop(e)}>{dropped}</div>               

        <div><h1>Drag and Drop Containers Over Each Other to Swap Places</h1>
            <CardContainer /> { /*swap={() => this.swap()} drag={(e: DragEvent<any>) => this.drag(e)} cards={this.state.info}*/} </div>

    </div>;
}

import*as React from'React'；
从“react router dom”导入{RouteComponentProps，NavLink}；
从“react”导入{DragEvent}；
从“../store”导入{ApplicationState}；
从“../store/NavMenu”导入*作为NavMenuStore；
从'react redux'导入{connect}；
从“/D4AMenuItem”导入D4AMenuItem；
从“反应汉堡菜单”导入{State}；
从“/CardContainer”导入CardContainer；
进口{
连接DragSource，
DragDropContext，
DragSourceSpec，
DragSource，
DragSourceCollector，
DragSource连接器，
DragSourceMonitor，
Dragelementrapper，
连接DropTarget，
DropTargetConnector，
DropTargetMonitor，
DropTargetSpec
}来自“反应dnd”；
//渲染方法
公共渲染（）{
let drop=this.props.SelectedMenuItems.map（（菜单：any）=>{
返回(
this.onDragStart（e，menu.MenuText）}>
{menu.MenuText}
);
})
返回
this.onDragOver（e）}onDrop={（e:DragEvent）=>this.onDrop（e）}>{drop}
将容器相互拖放以交换位置
{/*swap={（）=>this.swap（）}drag={（e:DragEvent）=>this.drag（e）}cards={this.state.info}*/}
;
}

}

导出默认连接( （state:ApplicationState）=>state.navmenu，//选择哪些状态属性合并到组件的道具中 NavMenuStore.actionCreators//选择哪些动作创建者合并到组件的道具中

---

)（如有）

我能解释该错误的唯一方法是，如果您试图将react dnd 4或更新版本与react 15一起使用，但react dnd 4声明它需要react 16.3或更新版本。运行

npm install

时，您应该看到这样的警告：

npm WARN react-dnd@4.0.0 requires a peer of react@>= 16.3 but none is installed. You must install peer dependencies yourself.

---

我预计您可能会在运行时遇到不兼容以及类型检查问题。请改用react dnd 3.0.2版。

您的导入语句可能有问题。如果您提供一个代码示例，我们可能能够发现它。我已经更新了代码以显示我的导入语句。您收到了什么代码错误“命名空间“React”没有导出成员“ConsumerProps”，ProviderProps”？在您发布的代码中，我根本看不到这些东西被引用。当我从“react dnd”导入时，会出现这个错误。如果我注释掉那个语句，我的代码就可以正常工作。但是我需要react dnd来实现拖放功能，我现在无法使用它，因为这个问题，我仍然无法重现这个问题，也无法找出引用ConsumerOps和ProviderProps的内容。是否存在与错误消息关联的文件名？您能否共享整个package.json和package-lock.json文件（例如，通过GitHub Gist）？react dnd 3.0.2会导致我的项目中的其他包被卸载：（对不起，我对此无能为力。您需要为您的项目确定一组兼容的软件包版本。谢谢您的帮助。我会找到一个适合我的项目的软件包。