title: Can't get notifications to work on Google Chrome Extension
body: <p>I'm writing a Google Chrome extension, but I can't get chrome notifications to work.<br>
  The goal (at least for testing purposes): to display a notification when the user clicks on the extension icon on the top right.<br>
  What's happening: clicking on the extension icon only displays the "Test body" text from <code>popup.html</code> but no notifications. Inspecting the console for the extension, I can see the result of the callback function: <code>Last error: undefined</code>.<br>
  <strong>EDIT:</strong> I've tried using Google's Notification API to test the functionality and it also seemed to not work. <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=825497" rel="nofollow noreferrer">This link</a> talks about a bug on the Chrome notifications, so I worry that might be the issue. Any input about the bug would be appreciated.<br>
  Here is my code:<br>
  <strong>manifest.json:</strong></p>
  
  <pre><code>{
    "name": "Test Extension",
    "description": "Test description",
    "version": "1.0",
    "manifest_version": 2,
    "icons": { "16": "images/icon16.png", "48": "images/icon48.png", "128": "images/icon128.png" },
    "content_scripts": [
      {
        "matches": ["*://*.amazon.com/*buy*"],
        "js": ["js/content.js"]
      }
    ],
    "browser_action": {
      "default_popup": "html/popup.html",
      "default_title": "Test Extension"
    },
    "background": {
      "scripts": ["js/background.js"]
    },
    "permissions": [
      "notifications"
    ],
    "web_accessible_resources": ["images/icon48.png"]
  }
  </code></pre>
  
  <p><strong>popup.html:</strong></p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;Nubank Credit Control&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;p&gt;Test body&lt;/p&gt;
      &lt;script src="../js/popup.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>content.js:</strong></p>
  
  <pre class="lang-js prettyprint-override"><code>chrome.runtime.sendMessage({
      url: window.location.href
  });
  </code></pre>
  
  <p><strong>background.js:</strong></p>
  
  <pre class="lang-js prettyprint-override"><code>chrome.runtime.onMessage.addListener(function () {
      const options = {
          type: "basic",
          iconUrl: chrome.extension.getURL("../images/icon48.png"),
          title: "This is the title",
          message: "This is the main message of the notification",
      };
  
      chrome.notifications.create("notifId", options, function() {console.log("Last error:", chrome.runtime.lastError);});
  });
  </code></pre>