使用vue-cli引入第三方打包好的js文件到底如何才是合理的方式?

新手上路,请多包涵

各位大神:
我使用vue-cli+webpack做项目,需要使用海康威视的web监控视频组件,海康提供了一个打包好的纯js文件,名字是webVideoCtrl.js。但是我在.vue里面require或者import它的时候,就报一个“Deleting local variable in strict mode”的错误(我看了下这个js里面确实有“delete s”这种语句).所以我在index.html里面引入,在这引入不报错。图片描述

但是当我在.vue里面的mounted里面想使用webVideoctrl.init(就是这个js提供的某些函数)时,却报错说webvideoctrl没有定义,也就是说我没有办法使用这个js里面的函数。但是我在这个.vue文件里面直接引入一个我自己之前写的纯js文件,这里面直接用webvideoctrl.init等方法,却可以使用,在export defaul里面却无法使用。
难道这类第三方纯js在index.html里面引入后,.vue文件就不能使用这些方法了么?使用require报的严格模式的错误我还试过使用"babel-plugin-transform-remove-strict-mode": "^0.0.2",但是还是报同样的严格模式错误,很奇怪。
求大神们解答,到底这类js文件该如何引入到我的项目里面呢?不胜感激
这个讨厌的第三方js长这样

阅读 9.9k
3 个回答
新手上路,请多包涵

今天遇上了同样的问题,各种搜索后,尝试在.babelrc文件中作如下配置,
module.exports = {
presets: ['@vue/app'],
ignore: ['./src/assets/xxx.js'],
}
引入的第三方js总算可以用了,不过在需要的组件中import完后也是逃不过代码检查,最后只好用/ eslint-disable /,希望这段经历能帮助到大家

遇到差不多的问题了,请问怎么解决的???

新手上路,请多包涵

请问解决了没有。我也遇到了,暂时还没有找到方法

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题