chrome extensions Uncaught ReferenceError: $ is not defined

Question

我正在尝试制作一个 chrome 扩展，它使用一个使用 jQuery 的外部 javascript 文件。但我一直收到这个愚蠢的错误。

Screenshot of error in chrome inspector.

感谢任何帮助！

popup.js

$(document).ready(function() {
  $.ajax({url: "http://www.google.com", success: function(result) {
    $("#report-details").html(result);
  }});
});

popup.html

<!doctype html>
<html>
  <head>
    <title>TEST</title>
    <script src="popup.js"></script>
    <script src='./js/jquery.min.js'></script>
    <script src='./js/jquery.js'></script>
  </head>
  <body>
    <h1>TEST</h1>
    <div id="report-details">
    </div>
  </body>
</html>

manifest.json

{
  "manifest_version": 2,
  "name": "my ext",
  "description": "fun ext",
  "version": "1.0",
  "browser_action": {
   "default_icon": "icon.png",
   "default_popup": "popup.html"
  },
  "permissions": [
   "activeTab"
   ],   
   "content_scripts": [
    {
      "matches": ["http://*/*","https://*/*"],
      "js": ["js/jquery.min.js"]
    }
  ]
}

非常感谢任何帮助。（如果这是一个菜鸟错误，我深表歉意）

Answer 1

首先加载 Jquery 插件 之后你可以加载你的 popup.js

 <script src='./js/jquery.min.js'></script>
<script src="popup.js"></script>

注意：无需加载2个jquery插件

chrome extensions Uncaught ReferenceError: $ is not defined

chrome extensions Uncaught ReferenceError: $ is not defined

javascript

jquery

google-chrome

google-chrome-extension