Firefox Manifest V2网页扩展引入Vibrant.js等第三方库失败的问题求助

我开发了一个基于Manifest V2的Firefox网页扩展，主要用来和某第三方网站的页面元素交互——有时候修改现有元素，有时候给页面添加我自己的组件。最近我想集成Vibrant.js库来提取图片的配色方案，但试了几种方法都没成功，而且不止Vibrant.js，大部分第三方库按同样步骤操作都遇到了问题，想请教大家怎么解决。

我试过的两种方法如下：

• 方法一：通过CDN动态注入脚本
  我尝试在内容脚本里创建script标签，引入Vibrant.js的CDN资源，代码大概是这样：

  let script = document.createElement('script');
  script.src = 'https://cdnjs.cloudflare.com/ajax/libs/vibrant.js/1.0.0/Vibrant.min.js';
  document.head.appendChild(script);
  

  结果在尝试创建Vibrant实例的时候，报错：ReferenceError: Vibrant is not defined。

• 方法二：本地引入库文件作为内容脚本
  我下载了Vibrant.js的发布文件，把它添加到manifest的content_scripts配置里，结果遇到了SecurityError: The operation is insecure.的错误。之前我用同样的方式引入jszip.min.js是完全正常的，不知道为什么这个不行。

备注：内容来源于stack exchange，提问作者Araders