亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Chrome 擴展程序:ReferenceError:未定義 $

Chrome 擴展程序:ReferenceError:未定義 $

嗶嗶one 2023-03-03 10:09:25
我真的是 chrome 擴展開發的新手,并嘗試在其中使用 jquery 和 bootstrap。我一直有這樣的錯誤ReferenceError: $ 未定義Bootstrap 的 JavaScript 需要 jQuery。jQuery 必須包含在 Bootstrap 的 JavaScript 之前。誰能幫我解決這個問題?我已經將 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條經驗 獲得超4個贊

在 manifest.json 中聲明的腳本background已經有它自己的頁面,一個它運行的隱藏背景頁面,所以你不應該在彈出窗口中加載它,因為它沒有意義:當彈出窗口打開并注冊重復事件時它會運行第二次聽眾或以其他方式執行后臺頁面中已完成的重復工作。請參閱訪問擴展的 background.js 的控制臺和開發工具。根據您實際想要執行的操作,您可能根本不需要后臺腳本。

在 manifest.json 中聲明content_scripts的已經在匹配的網頁中運行。網頁在任何方面都與擴展彈出窗口無關,它們是完全不同的頁面,因此您不應在彈出窗口中加載相同的內容腳本,因為這沒有任何意義。根據您實際想要做的事情,您可能根本不需要 content_scripts。

解決方法:不要在popup中加載background.js和content.js。編寫并加載一個單獨的 popup.js。

重要提示:彈出窗口是一個單獨的窗口,因此它有自己的開發工具。在彈出窗口內右鍵單擊并選擇“檢查”以打開其開發工具。


查看完整回答
反對 回復 2023-03-03
  • 1 回答
  • 0 關注
  • 195 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號