vue-cli创建的项目中引入第三方库报错 ‘caller’, ‘calle’, and ‘arguments’ properties may not be……

全栈程序员-站长 • 2021年10月11日下午8:00 • 未分类 • 阅读 46

http://blog.csdn.net/sophie_u/article/details/76223978

以在vue中引入mui第三方库为例：

虽然针对vue，有单独的vue-mui库可以使用，但因习惯了直接使用第三方库，且单独的mui更全面一点，所以想要作为第三方js库来引用。

问题：在vue的main.js中引入mui.min.js时，报错。

这里写图片描述

如上，单独在main.js或者任意组件中通过import 方式引入mui时都会报这个错。

原因：babel在将js文件转码为ES5时，默认使用严格模式，而在严格模式下，为了安全起见是不能用caller,callee,arguments等属性的。

解决：修改bablerc文件的配置，让项目忽略第三方js的转码。

这里写图片描述

.babelrc文件：

{
  "presets": [ ["env", { "modules": false, "targets": { "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] } }], "stage-2" ], "plugins": ["transform-runtime"], "env": { "test": { "presets": ["env", "stage-2"], "plugins": ["istanbul"] } }, "ignore": [ "./src/assets/libs/*.js" ] }

此外，引入第三方库，如果设置了语法检查也会各种检查第三方js的语法错误。从而报错

通过修改eslintignor文件，将对应目录下的js忽略即可

src/assets/libs/*.js

发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/113769.html原文链接：https://javaforall.net

vue-cli创建的项目中引入第三方库报错 ‘caller’, ‘calle’, and ‘arguments’ properties may not be……

问题： 在vue的main.js中引入mui.min.js时，报错。

原因：babel在将js文件转码为ES5时，默认使用严格模式，而在严格模式下，为了安全起见是不能用caller,callee,arguments等属性的。

解决：修改bablerc文件的配置，让项目忽略第三方js的转码。

此外，引入第三方库，如果设置了语法检查也会各种检查第三方js的语法错误。从而报错

相关推荐

XXE漏洞学习[通俗易懂]

Modbus 通信协议详解

我写的RadControls_Q1_2005注册机「建议收藏」

DNS 负载均衡

Laravel模型事件的实现原理详解[通俗易懂]

Max Script|修改器篇

发表回复

问题：在vue的main.js中引入mui.min.js时，报错。