寻真
寻真
Angular如何优雅导入Fundebug的录屏插件
Angular如何优雅导入Fundebug的录屏插件

Fundebug官方在对于接入fundebug-javascript插件有着很详细的步骤,照着做也没任何问题,但在接入录屏插件的时候,文档一个 require('fundebug-revideo'); 怼了上来,这对使用Angular的小白的我,也知道这个模块导入方法不适合Angular,于是开始寻找如何导入录屏插件路途。

官方也提供了一个script脚本导入方法,照着这个方法,把script脚本放到angular目录下的index.html文件中,打开页面,控制台红红的报错就映入眼帘:Uncaught ReferenceError: fundebug is not defined 然后测试一下,果然不能使用,想了想,大概是录屏插件js加载速度比angular相关代码加载速度快,导致fundebug本体代码未加载而出错,所以加入了 defer 就能正常加载进入代码。

但是,这种在index.html文件里添加额外代码,赶脚很不优雅。然后想到了可以在项目的 Angular.json文件的scripts里添加第三方脚本,然后就又出现了 Uncaught ReferenceError: fundebug is not defined 然后,我就没找到在angular.json里配置第三方脚本加载顺序。。。这个方法就暴毙了。

最后,菜鸡的我才想起来,既然可以 CommonJS 直接require导入,那es6也应该可以直接import导入才对,所以我就在app.module.ts文件里直接import 'fundebug-revideo';然后就正常运转了。

没有标签
首页      Linux教程      Angular如何优雅导入Fundebug的录屏插件

发表评论

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据

寻真

Angular如何优雅导入Fundebug的录屏插件
Fundebug官方在对于接入fundebug-javascript插件有着很详细的步骤,照着做也没任何问题,但在接入录屏插件的时候,文档一个 require('fundebug-revideo'); 怼了上来,这对使用Angular的小…
扫描二维码继续阅读
2019-08-27