向 chrome 扩展程序添加第三方库时遇到问题

Question

>问题

我正在尝试将第三方库添加到我正在构建的 chrome 扩展程序中。我正在尝试动态添加脚本。我下载了jquery并将其添加到项目中。然后我尝试使用 jquery 动态添加 p5.min.js 和 p5.dom.min.js。

• 出现了错误。

错误消息的图像 - p5.dom.min.js 已加载，但 p5.min.js 不是？

法典

• 在 manifest.json 中：

  "js": [
  "jquery-3.2.1.min.js", "content2.js"
  ],
  

• 在内容2.js中：

  var script1 = document.createElement('script');
  script1.src = 'jquery-3.2.1.min.js';
  document.getElementsByTagName('head')[0].appendChild(script1);
  $('head').append("<script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.3/p5.min.js'>");
  $('head').append("<script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.3/addons/p5.dom.min.js'>");
  var s = function(sketch){
  //lotsa code.
  }
  
  var myp5 = new p5(s);
  

笔记

• 我还尝试下载 p5.min.js 和 p5.dom.min.js并将其直接添加到项目和 manifest.json 文件中，但这也没有用
  • https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.3/p5.min.js
  • https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.3/addons/p5.dom.min.js
• 我还看过Daniel Schiffman(The Coding Train(关于在chrome扩展中使用p5.js的视频。但是，当我尝试模仿他的视频时，我仍然会遇到错误。

Answer 1

你不需要jquery。你的...

script1.type='text/javascript';

您可能还需要考虑...

script1.async=true;

对于即时测试，您还可以包括...

script1.onload=function(){alert('Script loaded!');};