Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/476.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript React NPM包(Dragula)在开发中工作,但不在生产中_Javascript_Reactjs_Webpack_Dragula - Fatal编程技术网

Javascript React NPM包(Dragula)在开发中工作,但不在生产中

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

我已经用React 15和Dragula 3.7.2构建了一个很好的drag'n Drop,但是当我将我的应用程序打包用于生产时,整个dnd都不起作用,除非我能够提起一个元素,但找不到一个容器将其放入

我正在为容器分配一个引用,引用我当前在componentDidMount中创建的drake实例

我已经为drake实例分配了多个EventListener,但是唯一触发的是'drag'-EventListener。我将drake实例记录在那里,并看到所有相关容器都被正确分配

我还认为dragula捆绑包可能会出现缩小失败,因此我使用了cdn中的版本

类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不同,此问题仅发生在那里