title: Chrome extension "Refused to evaluate a string as JavaScript because 'unsafe-eval'
body: <p>I have an error:</p>
  
  <blockquote>
    <p>Refused to execute inline script because it violates the following Content Security
    Policy directive: <code>"script-src 'self' chrome-extension-resource:"</code>.
    Either the <code>'unsafe-inline'</code> keyword, a
    hash (<code>'sha256-...'</code>), or a nonce (<code>'nonce-...'</code>) is required to enable
    inline execution.</p>
    
    <p>chrome-extension://ldbpohccneabbobcklhiakmbhoblcpof/popup.html:1</p>
    
    <p>Refused to evaluate a string as JavaScript because <code>'unsafe-eval'</code> is
    not an allowed source of script in the following Content Security
    Policy directive: <code>"script-src 'self' chrome-extension-resource:"</code>.</p>
  </blockquote>
  
  <p>the code popup.js</p>
  
  <pre><code>$(document).ready(function() {
       $.getJSON('http://.......alerts.json', function(data) {
          alert('HELLO');
        });
  });
  </code></pre>
  
  <p>Manifest:</p>
  
  <pre><code>{
    "manifest_version": 2,
  
    "name": "Alert",
    "description": "This extension for  .",
    "version": "2.0",
    "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'",
    "permissions": [
      "http://www.......il/"
    ],
    "browser_action": {
      "default_icon": "icon.png",
      "default_popup": "popup.html"
    },
    "content_scripts": [ {
      "js": [ "jquery.min.js", "popup.js" ],
      "matches": [ "http://*/*", "https://*/*"]
    }]
  }
  </code></pre>
  
  <p>Popup:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;title&gt;Getting Started Extension's Popup&lt;/title&gt;
      &lt;style&gt;
        body {
          min-width: 357px;
          overflow-x: hidden;
        }
  
        img {
          margin: 5px;
          border: 2px solid black;
          vertical-align: middle;
          width: 75px;
          height: 75px;
        }
      &lt;/style&gt;
       &lt;head&gt;
       &lt;script src='jquery.min.js'&gt;&lt;/script&gt;
       &lt;script src='popup.js'&gt;&lt;/script&gt;
  &lt;/head&gt;
    &lt;/head&gt;
    &lt;body&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>