🧩 Plasmo Developers

PD

🧩 Plasmo Developers

Join the community to ask questions about 🧩 Plasmo Developers and get answers from other members.

Join

👾extension

👟framework

🔰newbie

🦉pallas

error GET chrome-extension://invalid/ net::ERR_FAILED

Hi all, I built an extension for LinkedIn using Plasmo. My manifest looks like so: ```"manifest": {...

Uncaught (in promise) Error: QUOTA_BYTES_PER_ITEM quota exceeded

Hi all, I am trying to allow users to be able to upload their own HTML templates, but I am repeatedly getting this error. Troubleshooting done:...

Svelte imports not working

Not even really sure whats going wrong Ive spent hours on this issue. For some reason when importing either ui elements or libraries with svelte no matter what I do its giving me issues. Examples would be: Cannot load file './index' from module 'bits-ui' Failed to resolve '$lib/components/ui/card' from './src/contents/FloatingPanel.svelte' Failed to resolve 'bits-ui' from './src/lib/components/ui/button/button.svelte' ...

Uncaught ReferenceError: Cannot access 'yC' before initialization

Having problems importing a third party library with Plasmo. I'm using CSUI with React. The element I'm working on is a single anchor Everything seemingly smooth on VSCode and terminal but when I go to inspect the page the titular problem pops up yC is the bundled name for PrivyProvider, the component that wraps the element...

Nested Background Messages?

I am trying to group background messages in nested folders under background/messages/{nested}. I noticed that if I put a regular background script in there, it will work, but if I put a PlasmoMessaging handler in a nested folder, it won't register. Is there a way to get the Plasmo Messaging API to look into nested folders so I can organize my messengers properly?

Cross-Browser Messaging Code

I just read through the docs on the Plasmo Messaging API and it's not clear if these APIs work across all browsers or if there are limitations, such as on Firefox and perhaps Safari. Ideally we would have an abstraction for messaging that works for all browser types so that we don't have to write browser-specific messaging alternatives....

Extremely long build times (~1 hour per compile)

Hi all, I am looking to get assistance with my extension. When running pnpm dev --verbose , I am getting to the following message: 🔵 INFO | Loaded environment variables from: []...

Plasmo rerendering CSUI infinitely and using up PC memory

I have the code below that uses and anchorlist to inject multiple instances of the same component. Anchorlist is supported by plasmo but for some reason it runs in an infinite rerender loop: ```import React, { useEffect, useRef, type FC } from 'react'; // import './components/SearchResults/SearchResults.scss';...

Uncaught Error: Cannot find module '@plasmohq/storage' (works in prod not dev)

I can't use plasmo storage with a prod build but it works on dev. I'm super confused.

Vite?

Is there any chance to use Plasmo with Vite?

Anyone got react-markdown work with Plasmo?

I am having issues with using react-markdown in Plasmo. Anyone got this working?

AI stream to content script

I am creating a chrome extension which is a content script, I want to stream my AI response and display it token by token. I am able to get the stream with POST request using background script but don't know how to get it to content script token by token by using res.send() or something similar....

2 problems : import component & send messaging

Good morning, I have 2 problems. The first: I need to have child components in the content script. Now if I create the child in the contents folder and import it in the classic Vue way, then I find this component on its own in the injection page and not as a child of my script (img 1 & 2 ) . however, if I insert the child into another folder, it is not displayed on the page at all (img 3) ...
No description

Maximum size for extension bundle/archive you can upload in Google Chrome Store?

I've looked in the Google docs and in the developer portal, but can't find a single place which states what's the maximum size of an extension bundle/archive. Any clues?

Can I use native web components with CSUI?

I tried using Content Scripts UI (CSUI) with a native web component instead of a react component (see below), but I got a bunch of React errors in the browser console referring to a React component. Is there a way to make Plasmo work with native web components or something like Lit? Thanks. ```import type { PlasmoCSConfig, PlasmoGetInlineAnchor } from "plasmo" export const config: PlasmoCSConfig = {...

Error loading {script-name}: ReferenceError: importScripts is not defined

Is this a Plasmo Bug? I am trying to load a module using a dynamic import like this in the content script: const module = await import('../local/app.js'); So far it hasn't worked and I am seeing this error in the console. I am not using importScripts as far as I can tell but this js-loader.js might be. Any clues? Error loading {script-name}: ReferenceError: importScripts is not defined...

Build a sidepanel with plasmo

hey guys, quick question, just starting to build a extension with plasmo,(btw framework is dope ), and i want to build a sidepanel, i've created the template using next.js and now i'm wondering where i need to create sidepanel.tsx in order to work

How can I use sessionStorage in a Plasmo extension?

I'm working on a Plasmo extension and I need some help with sessionStorage. How can I effectively use sessionStorage in a Plasmo extension? Any advice or examples would be greatly appreciated!

Why doesn't window.onload and load event listener work in a content script?

Hi! I am programmatically injecting a content script into the main world with
chrome.scripting.executeScript
chrome.scripting.executeScript
. I am trying to use the following to run my function when DOM has loaded. But it doesn't seem to work, I don't see any console logs at all. Anyone know how I can solve this?...
No description

Chrome storage API vs Dexie.js (IndexedDB)

Anyone using Dexie or something similar instead of the Chrome storage API? Dexie is a wrapper around IndexedDB. I'm considering migrating to using Dexie from the Chrome storage API for a few reasons: - Dexie has database versioning, making it easier to modify your data structures - Dexie has the option to sync to the cloud - Dexie makes it easier to perform queries/search ...
Next