Расширения chrome Uncaught ReferenceError: $ не определено

Я пытаюсь сделать расширение Chrome, которое использует внешний файл JavaScript, который использует JQuery. Но я продолжаю получать эту глупую ошибку.

Снимок экрана с ошибкой в ​​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"]
    }
  ]
}

Любая помощь с благодарностью. (Я извиняюсь, если это ошибка нуба)

Источник

1 ответ

Решение

Сначала загрузите плагин Jquery после того, как вы сможете загрузить свой popup.js

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

Примечание: нет необходимости загружать 2 jquery плагин

Источник
Другие вопросы по тегам