Chrome extension “$ is not defined” error

Question

I am getting an error \"$ is not defined\" when I am working on my chrome extension.

This is my manifest file:

   {
      \"name\": \"X\",
      \"d         


        

Answer 1

This is happening because you are calling your script before the jQuery file.
The right one is this:

{
  "name": "X",
  "description": "Snip this page",
  "version": "2.0",
  "permissions": [
    "activeTab"
  ],
  "background": {
    "scripts": ["background.js"],
    "persistent": false
  },
  "content_scripts":[{
    "matches" : [""],
    "js": ["jquery-2.0.2.js","yourscript.js"],
    "css": ["jquery.Jcrop.min.css"]
  }],
  "browser_action": {
    "default_title": "Snip this page"
  },
  "manifest_version": 2
}