Javascript React NPM包(Dragula)在开发中工作,但不在生产中
我已经用React 15和Dragula 3.7.2构建了一个很好的drag'n Drop,但是当我将我的应用程序打包用于生产时,整个dnd都不起作用,除非我能够提起一个元素,但找不到一个容器将其放入 我正在为容器分配一个引用,引用我当前在componentDidMount中创建的drake实例 我已经为drake实例分配了多个EventListener,但是唯一触发的是'drag'-EventListener。我将drake实例记录在那里,并看到所有相关容器都被正确分配 我还认为dragula捆绑包可能会出现缩小失败,因此我使用了cdn中的版本Javascript React NPM包(Dragula)在开发中工作,但不在生产中,javascript,reactjs,webpack,dragula,Javascript,Reactjs,Webpack,Dragula,我已经用React 15和Dragula 3.7.2构建了一个很好的drag'n Drop,但是当我将我的应用程序打包用于生产时,整个dnd都不起作用,除非我能够提起一个元素,但找不到一个容器将其放入 我正在为容器分配一个引用,引用我当前在componentDidMount中创建的drake实例 我已经为drake实例分配了多个EventListener,但是唯一触发的是'drag'-EventListener。我将drake实例记录在那里,并看到所有相关容器都被正确分配 我还认为dragula
类ProcessGridDrag扩展了React.Component{
构造函数(){
超级();
this.dragContext=null;
this.dragContainers=[];
}
componentDidMount(){
//eslint禁用下一行无未定义
this.drake=dragula(this.dragContainers,选项);
log('didMount');
console.log(this.drake.containers);
this.drake.on('drop',this.onDropTile);
this.drake.on('out',this.onOutContainer);
this.drake.on('over',console.log);
this.drake.on('drag',()=>{
调试器;
console.log(this.drake);
});
this.drake.on('shadow',console.log);
//覆盖touchmove,在iPad上实现正确行为
addEventListener('touchmove',()=>{});
}
组件将卸载(){
this.dragContainers=[];
log('will Unmount');
this.drake.containers=[];
this.drake.off('drop',this.onDropTile);
this.drake.off('out',this.onOutContainer);
this.dragContext=null;
这个.drake.destroy();
}
//这一个将传递给组件,这些组件应充当拖动容器
dragulaDecorator=componentBackingInstance=>{
如果(
组件备份&&
this.dragContainers.indexOf(componentBackingInstance)=-1
) {
此.dragContainers.push(组件后退姿态);
}
};
我的css有问题。我已经覆盖了拖动元素的顶部值
由于生产中的LoadOrder不同,此问题仅发生在那里