🔴 ERROR | import() is not allowed in service workers.
I'm trying to import Supabase in a service worker to push save some images but I got this error in the console and I have no idea what I'm doing wrong. Any idea?
Here is my
Here is my
background.tsxbackground.tsximport { supabase } from "~store";
chrome.action.onClicked.addListener(async tab => {
chrome.tabs.query({ active: true, currentWindow: true }, tabs => {
chrome.tabs.sendMessage(tabs[0].id, { type: "openKapture" });
});
});
async function getBase64(blob: Blob): Promise<string> {
return new Promise((resolve, reject) => {
const reader = new FileReader();
reader.readAsDataURL(blob);
reader.onload = () => resolve(reader.result as string);
reader.onerror = error => reject(error);
});
}
chrome.runtime.onMessage.addListener(async request => {
switch (request.action) {
case "save-image":
{
const res = await fetch(request.url);
const blob = await res.blob();
const base64 = await getBase64(blob);
await supabase.storage.from("images").upload("test.png", base64);
}
break;
}
});
export {};import { supabase } from "~store";
chrome.action.onClicked.addListener(async tab => {
chrome.tabs.query({ active: true, currentWindow: true }, tabs => {
chrome.tabs.sendMessage(tabs[0].id, { type: "openKapture" });
});
});
async function getBase64(blob: Blob): Promise<string> {
return new Promise((resolve, reject) => {
const reader = new FileReader();
reader.readAsDataURL(blob);
reader.onload = () => resolve(reader.result as string);
reader.onerror = error => reject(error);
});
}
chrome.runtime.onMessage.addListener(async request => {
switch (request.action) {
case "save-image":
{
const res = await fetch(request.url);
const blob = await res.blob();
const base64 = await getBase64(blob);
await supabase.storage.from("images").upload("test.png", base64);
}
break;
}
});
export {};