chrome extensions Uncaught ReferenceError: $ is not defined答案

【问题标题】：chrome extensions Uncaught ReferenceError: $ is not definedchrome extensions Uncaught ReferenceError: $ is not defined
【发布时间】：2017-12-11 00:10:05
【问题描述】：

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

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"]
    }
  ]
}

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

【问题讨论】：

标签： javascript jquery google-chrome google-chrome-extension

【解决方案1】：

首先加载 Jquery 插件，然后才能加载 popup.js

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

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

【讨论】：