在Chrome扩展程序中使用require.js和FileSaver库

时间:2018-11-11 11:41:34

标签: javascript requirejs filesaver.js

我正在从内容脚本中实现一个按钮,该按钮应该保存一些文本。我发现FileSaver.js库可以做到这一点,为了使用它,我应该有require.js使其成为实例。像这样:

require(['file-saver'], function (FileSaver) {
  console.log(FileSaver)
});

足够简单。在他们的网站上可以,但是在我的扩展程序上,我收到红色字母的错误:

Uncaught Error: Script error for "file-saver"

上面的代码是从content_script.js运行的,这是我的manifest.json content_script对象的样子:

...
"content_scripts": [
    {
      "matches": ["https://www.youtube.com/*"],
      "css" : ["lib/jquery-ui.css", "lib/main.css"],
      "js": ["lib/jquery.min.js", "lib/jquery-ui.min.js", "lib/FileSaver.min.js", "lib/require.js",  "content_script/content_script.js"],
      "run_at": "document_end"
    }
  ],
...

如您所见,我已经在列表中同时包含了require and filesaver

我想念什么?

更新:

我最终要做的是在网站中注入FileSaver.min.js,如下所示:

var s = document.createElement('script');

s.id = "Yolo"
s.src = chrome.extension.getURL('lib/FileSaver.min.js');
s.onload = function() {

};
(document.head || document.documentElement).appendChild(s);


require(['file-saver'], function(FileSaver) {
  console.log('ey')
})

这是我的控制台的外观:the picture.

0 个答案:

没有答案