Question

20

Chrome extension action.onClicked

rated 0 times [ 24] [ 4] / answers: 1 / hits: 6767 / 3 Years ago, thu, september 23, 2021, 12:00:00

I am building a chrome extension and I use this code to open the popup in new window. (Using manifest v3) It suddenly stopped working today.

Uncaught TypeError: Cannot read properties of undefined (reading 'onClicked')
Yesterday it worked just fine and it corresponds with chrome extension documentation. Anyone knows what the issue could be?

Here is my code:

chrome.action.onClicked.addListener(tab => {

    chrome.windows.create({

        url: chrome.runtime.getURL("popup.html"),

        type: "popup",

        height: 800,

        width: 516

      }, function(win) {

      });

});

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

nolancampbellc

Add To Favorites

Follow

Total Points: 9

Total Questions: 102

Total Answers: 101

Location: Saint Vincent and the Grenadines

Member since Mon, Jan 16, 2023

1 Year ago

nolancampbellc questions

1 Add optional query parameters to a dynamic path using React Router

Thu, Aug 11, 22, 00:00, 2 Years ago

1 React - Cannot read properties of null (reading useState) error

Fri, May 27, 22, 00:00, 2 Years ago

1 How to return string or JSX element in TypeScript React component?

Wed, Jan 13, 21, 00:00, 3 Years ago

1 Cypress iterate through elements in an array

Mon, Nov 23, 20, 00:00, 4 Years ago

1 echarts add padding between line chart and y-axis label

Thu, Aug 20, 20, 00:00, 4 Years ago

View All

answered 3 Years ago chazw · Accepted Answer

This question was already answered, but I wanted to post a full example since I couldn't find a post that had both extension code and corresponding manifest.json.

Here is full, valid example using Manifest V3.

// File: manifest.json //



{

    "manifest_version": 3,

    "name": "My extension",

    "description": "Extension that extends things",

    "author": "Me",

    "version": "0.1",

    "content_scripts": [

      {

        "matches": [

          "https://*"

        ],

        "js": ["content.js"]

      }

    ],

    "icons": { "48":  "icons/icon128.jpg",

              "128":  "icons/icon512.jpg"},

    "background": {

      "service_worker": "background.js"

    },

    "action": {},

    "permissions": [

      "storage",

      "downloads",

      "tabs"

  ]

}

// File: background.js //



// Called when the user clicks on the browser action.

chrome.action.onClicked.addListener(tab => {

    // Send a message to the active tab

    chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {

      var activeTab = tabs[0];

      chrome.tabs.sendMessage(activeTab.id, {"message": "clicked_browser_action"});

    });

  });

(Obviously remove the comment from the .json file before copying it, and adjust the permissions of your extension appropriately.)

Note that if you're using a version of Chrome below Chrome 93, your manifest.json and background.js must be in the SAME directory.