Crypto Wallet Extension Issue: Seeking Assistance to Resolve Display Problem

I have developed a crypto wallet extension for web browsers by following a tutorial on Moral’s YouTube channel. I successfully added the extension to both MS Edge and Chrome browsers. However, when I open the extension, I only see the header and nothing else is visible. I’m seeking assistance to resolve this issue. Here is a screenshot of what I currently see in my wallet extension. Can anyone provide guidance or support?

Hi @umairdev-24

Do you see any error from the extension or vs code console?

neither is there an error in the console nor in the extension. But the extension shows the reload option.

Hi @umairdev-24

Please check if you have loaded the code correctly. In case if you have made any changes to the code you might have to load it again.

I developed this wallet on Vite.
I then add the manifest.json in the public folder.
here’s the code for this

    "name": "DS-Wallet",
    "version": "1.0.0",
    "description": "Decetralized Smart Wallet",
    "manifest_version": 3,
    "action": {
        "default_popup": "index.html",
        "default_title": "Open Wallet"
    "icons": {
        "16": "./icon16.png",
        "48": "./icon48.png",
        "128": "./icon128.png"
    "permissions": ["storage"]

then I run this command

npm run build

In the end, I load the dist folder.
but I only see the logo and the dropdown.

I tried changing the path of the index.html file in the manifest but it didn’t work.

Maybe the other components are not imported or added properly onto the index page. Could that be the case?

Do I need to register a developer account for adding extensions in chrome?

I am not sure about the procedure. Maybe try checking on google if you can find the details.
Feel free to reply if you have any other questions.

I have checked their docs. You have to pay $5 to register a developer account.
Thank You :+1:t4:

This topic was automatically closed 5 days after the last reply. New replies are no longer allowed.