Loading Your Extension in Chrome

Once you’ve completed the setup steps and are ready to test your extension, you can load it into Chrome using Developer Mode. Follow these steps:

Build Your Code

Remember to build your code to get the updated version on Chrome


npm run build

Open Chrome

Make sure you’re using the Chrome browser.

Go to the Extensions Page

In Chrome, click on the three dots in the top right corner, then navigate to More Tools > Extensions.

Enable Developer Mode

In the top right corner of the Extensions page, toggle the Developer Mode switch to ON.

Load Your Extension

Click the Load unpacked button and select the folder inside of where your extension’s code is built (the folder inside the .output folder located on the root, by default is called chrome-mv3).

Test Your Extension

Your extension should now be loaded into Chrome. You can test it by interacting with the extension’s icon in the browser or by opening the extension’s page.