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';
然后就正常运转了。
发表回复