Crypto Wallet Extension Issue: Seeking Assistance to Resolve Display Problem

[umairdev-24]

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?

[johnversus]

Hi @umairdev-24

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

[umairdev-24]

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

[johnversus]

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.

[umairdev-24]

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.

[johnversus]

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

[umairdev-24]

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

[johnversus]

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.

[umairdev-24]

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