关于Unable to preventDefault inside passive event listener invocation.报错的解决

本文主要是介绍关于Unable to preventDefault inside passive event listener invocation.报错的解决，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

在使用echarts左右滑动的时候，报了这个错误，看了好多方法，比如：

1、声明事件监听的时候设置为主动事件监听：

window.addEventListener(‘touchmove’, handler, { passive: false})；

2、设置监听事件绑定的dom的CSS为：

touch-action:none；

但是这两个在我的项目中，都没有解决我遇到的问题。

唯一有用的是修改node_modules/zrender/lib/core/event.js中的代码：

但是改node_modules中的文件，我们提交代码的时候基本是不会提交node_modules文件夹的，所以改的只是自己本地的代码，别人拉代码是拉不到的。

后来发现是引用了'default-passive-events'这个插件，它默认情况下启用某些事件的被动事件侦听器，基本上每次声明新的事件监听器时，都会自动设置{ passive: true }。

然后将'default-passive-events'这个插件卸载之后，就不会报错了，npm uninstall default-passive-events  

特此记录一下

这篇关于关于Unable to preventDefault inside passive event listener invocation.报错的解决的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！