嗶嗶one
2023-03-03 10:09:25
我真的是 chrome 擴展開發(fā)的新手,并嘗試在其中使用 jquery 和 bootstrap。我一直有這樣的錯誤ReferenceError: $ 未定義Bootstrap 的 JavaScript 需要 jQuery。jQuery 必須包含在 Bootstrap 的 JavaScript 之前。誰能幫我解決這個問題?我已經(jīng)將 Jquery 放在引導程序之前,如果我在瀏覽器中運行它就沒有看到這個問題..不知道出了什么問題?清單 Json{"name": "Stocking","version": "1.0.0","description": "Chrome extention to keep tracks of stocks' real time movement","manifest_version": 2,"icons":{"128":"icon/icon128.png"},"permissions": [ "tabs", "<all_urls>"],"browser_action":{ "default_icon":{ "16":"icon/icon16.png", "24":"icon/icon24.png", "32": "icon/icon32.png"}, "default_popup": "popup.html"},"content_scripts": [ { "matches": [ "<all_urls>" ], "js": [ "bootstrap-4.4.1-dist/js/jquery-3.3.1.slim.min.js", "bootstrap-4.4.1-dist/js/bootstrap.bundle.min.js", "content.js"], "css":[ "bootstrap-4.4.1-dist/css/bootstrap.min.css" ] }],"background":{ "scripts": [ "bootstrap-4.4.1-dist/js/jquery-3.3.1.slim.min.js", "bootstrap-4.4.1-dist/js/bootstrap.bundle.min.js", "background.js"], "persistent": false}彈出窗口,html<body><!-- Stocks --><div class="btn-group dropleft"> <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Dropdown button </button> <div class="dropdown-menu" aria-labelledby="dropdownMenuButton"> <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> <a class="dropdown-item" href="#">Something else here</a> </div></div>
1 回答
繁華開滿天機
TA貢獻1816條經(jīng)驗 獲得超4個贊
在 manifest.json 中聲明的腳本background已經(jīng)有它自己的頁面,一個它運行的隱藏背景頁面,所以你不應該在彈出窗口中加載它,因為它沒有意義:當彈出窗口打開并注冊重復事件時它會運行第二次聽眾或以其他方式執(zhí)行后臺頁面中已完成的重復工作。請參閱訪問擴展的 background.js 的控制臺和開發(fā)工具。根據(jù)您實際想要執(zhí)行的操作,您可能根本不需要后臺腳本。
在 manifest.json 中聲明content_scripts的已經(jīng)在匹配的網(wǎng)頁中運行。網(wǎng)頁在任何方面都與擴展彈出窗口無關(guān),它們是完全不同的頁面,因此您不應在彈出窗口中加載相同的內(nèi)容腳本,因為這沒有任何意義。根據(jù)您實際想要做的事情,您可能根本不需要 content_scripts。
解決方法:不要在popup中加載background.js和content.js。編寫并加載一個單獨的 popup.js。
重要提示:彈出窗口是一個單獨的窗口,因此它有自己的開發(fā)工具。在彈出窗口內(nèi)右鍵單擊并選擇“檢查”以打開其開發(fā)工具。
添加回答
舉報
0/150
提交
取消
