無法將第三方庫添加到 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" ],

• 在 content2.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!');};