1 错误
谷歌浏览器报vue项目的错[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive.
一个组件代码如下，发生图中错误
2 原因
描述：违反：没有添加被动事件监听器来阻止’touchstart’事件，请考虑添加事件管理者’passive’，以使页面更加流畅。出现如上提示这可能是由于console的过滤器选择了Verbose
chrome 监听touch类事件报错：无法被动侦听事件preventDefault，是新版本chrome 浏览器报错。
3 解决方法
方法在参考的博客就有，这里就说自己亲测的方法。我主要是使用vue-cli3做项目，谷歌浏览器用的版本 88.0.4324.150（正式版本） (x86_64)版本。然后使用的解决方法就是：
1、应用 CSS 属性 touch-action，在根组件App.vue中的css样式中添加代码
<style lang="scss" rel="stylesheet/scss" scoped>
.board {
touch-action:none;//将该属性写在根元素上即可之后就不会报错
width: 100%;
height: 100%;
</style>
2、注册处理函数时，用如下方式，明确声明为不是被动的
window.addEventListener(‘touchmove’, func, { passive: false })
注：如果还没有解决，请找度娘帮忙。
Unable to preventDefault inside passive event listener due to target being treated as passive 怎么办？
翻译一下：chrome 监听touch类事件报错：无法被动侦听事件preventDefault，是新版本chrome 浏览器报错。说明：说应的...
解决移动端报错：Unable to preventDefault inside passive event listener due to target being treated as……
解决移动端报错：Unable to preventDefault inside passive event listener due to target being treate、
[Intervention] Unable to preventDefault inside passive event listener due to target beingtreated
[ Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See <URL>
vue报错【解决方案】 [Violation] Added non-passive event listener to a scroll-blocking ＜some＞ event.
报错原因Chrome51 版本以后，Chrome 增加了新的事件捕获机制－Passive Event Listeners，导致触发了告警。解决方案安装依赖npm i default-passive-events -S导入依赖在main.js中加入import 'default-passive-events'...
[Violation] Added non-passive event listener to a scroll-blocking ‘mousewheel’ event 解决方案
yarn add default-passive-eventsmain.jsimport 'default-passive-events';
