If use "webextension-polyfill" in project. Extension has error. "Uncaught SyntaxError: Cannot use import statement outside a module" about chrome-extension-boilerplate-react-vite HOT 6 CLOSED

Thank you for your contribution. We will check and reply to you as soon as possible.

from chrome-extension-boilerplate-react-vite.

Could you please provide a more detailed reproduction of the issue? I hope i can help you.

I tried with the following process but couldn't reproduce the problem.

1. yarn install webextension-polyfill
2. import polyfill from "webextension-polyfill"; in background/index.ts
3. install extension
4. run (it's work)

import reloadOnUpdate from "virtual:reload-on-update-in-background-script";
import polyfill from "webextension-polyfill";

reloadOnUpdate("pages/background");

console.log("background loaded");
console.log("polyfill", polyfill);

from chrome-extension-boilerplate-react-vite.

I also face this issue on including this in the content Script. Or for including any external package in the content script for that matter

I saw your comment regarding how that might not be possible, but is there any workaround? I have definitely seen extentions using the webextension-polyfill in the content scripts and would really appreaciate any help in using that in this template.

from chrome-extension-boilerplate-react-vite.

The usage of webextension-polyfill seems to be detailed in the repo below.
It's hard to pinpoint exactly what the issue is 😢

https://github.com/mozilla/webextension-polyfill

from chrome-extension-boilerplate-react-vite.

Solved this by adding type: 'module'

from chrome-extension-boilerplate-react-vite.

This issue has been closed for a long time with no additional information provided. If anyone encounters the same issue, you can re-open it with your running environment and error logs attached.

from chrome-extension-boilerplate-react-vite.