问题描述

做项目用到了MUI的scroll控件 故此我引入了mui.min.js
然而 猝不及防地报错了：

错误信息：

'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects for calls to them

---

原因

mui.js用到了’caller’, ‘callee’, 和 ‘arguments’
但webpack打包好的bundle.js默认是启用严格模式(strict mode)的
在严格模式下 不能使用’caller’, ‘callee’, 和 ‘arguments’
因此 这两者起了冲突 从而报错

---

解决方法

安装babel-plugin-transform-remove-strice-mode插件的办法在老版本的Babel是可以的
npm install babel-plugin-transform-remove-strict-mode
或是npm install @babel/plugin-transform-strict-mode
但在新版本的Babel中没用 依旧会报错

解决方法其实很简单：

在.balelrc中添加排除项 排除你的mui.js即可

"ignore": [
      "./src/lib/mui/js/mui.min.js"
    ]

---

解决了strict mode的问题之后 可能还会有个不影响使用的报错：

错误信息：

[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive.

虽说不影响使用 但不太美观 顺便解决一下吧
添加一个全局的样式即可：

* {
	touch-action: pan-y;
}

touch-action能够提高页面的流畅度(只有chrome支持)
pan-y样式的作用是启用单指垂直平移手势
即 单指在页面纵向滑动时 能提高页面的流畅度

---