首頁(yè) 猿問 Chrome...

Chrome 擴(kuò)展程序：ReferenceError：未定義 $

JavaScript

嗶嗶one 2023-03-03 10:09:25

我真的是 chrome 擴(kuò)展開發(fā)的新手，并嘗試在其中使用 jquery 和 bootstrap。我一直有這樣的錯(cuò)誤ReferenceError: $ 未定義Bootstrap 的 JavaScript 需要 jQuery。jQuery 必須包含在 Bootstrap 的 JavaScript 之前。誰(shuí)能幫我解決這個(gè)問題？我已經(jīng)將 Jquery 放在引導(dǎo)程序之前，如果我在瀏覽器中運(yùn)行它就沒有看到這個(gè)問題..不知道出了什么問題？清單 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><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 回答

繁華開滿天機(jī)

TA貢獻(xiàn)1816條經(jīng)驗(yàn) 獲得超4個(gè)贊

在 manifest.json 中聲明的腳本background已經(jīng)有它自己的頁(yè)面，一個(gè)它運(yùn)行的隱藏背景頁(yè)面，所以你不應(yīng)該在彈出窗口中加載它，因?yàn)樗鼪]有意義：當(dāng)彈出窗口打開并注冊(cè)重復(fù)事件時(shí)它會(huì)運(yùn)行第二次聽眾或以其他方式執(zhí)行后臺(tái)頁(yè)面中已完成的重復(fù)工作。請(qǐng)參閱訪問擴(kuò)展的 background.js 的控制臺(tái)和開發(fā)工具。根據(jù)您實(shí)際想要執(zhí)行的操作，您可能根本不需要后臺(tái)腳本。

在 manifest.json 中聲明content_scripts的已經(jīng)在匹配的網(wǎng)頁(yè)中運(yùn)行。網(wǎng)頁(yè)在任何方面都與擴(kuò)展彈出窗口無關(guān)，它們是完全不同的頁(yè)面，因此您不應(yīng)在彈出窗口中加載相同的內(nèi)容腳本，因?yàn)檫@沒有任何意義。根據(jù)您實(shí)際想要做的事情，您可能根本不需要 content_scripts。

解決方法：不要在popup中加載background.js和content.js。編寫并加載一個(gè)單獨(dú)的 popup.js。

重要提示：彈出窗口是一個(gè)單獨(dú)的窗口，因此它有自己的開發(fā)工具。在彈出窗口內(nèi)右鍵單擊并選擇“檢查”以打開其開發(fā)工具。

反對(duì) 回復(fù) 2023-03-03