Why everything fine on dev but not working on build result?

[joisun]

I’m developing a "words lookup" extension. The core functionality allows users to select words, open a side panel, look them up, and sync data. Everything works as expected in development mode, but issues arise when building the extension.

For example:

• Word lookup is not triggered when opening the side panel in the built version.
• Data saved locally is not displayed.
• Syncing data does not seem to work.

I’m wondering why there are differences between dev and build modes, and how I can identify the cause of the issues.

Here below is development mode:

2025-02-14_21-02-51.mp4

And below is the result of wxt zip

2025-02-14_21-11-28.mp4

Here is my repo if needed https://github.com/joisun/Vocabify

Thanks for your help!

[aklinker1]

Dev mode adds the tabs and scripting permissions automatically to enable reloading on save.

Compare your dev and production manifests, then add any required permissions.

[joisun]

I've tried compare the .output/chrome-mv3/manifest.json and built zip package's manifest.json file, and the permission is the same:

//wxt.config.ts
//......
    permissions: ["storage", "sidePanel", "identity"]

// .output/chrome-mv3/manifest.json
// .output/vocabify-0.1.1-chrome.zip - manifest.json
    permissions: ["storage", "sidePanel", "identity"],

And I also tried some permissions you mentioned above:

-  permissions: ["storage", "sidePanel", "identity"],
+ permissions: ["storage", "sidePanel", "identity", "tabs", "scripting", "userScripts"],

and It seems doesn't work at all.

appreciate for you help again :)

[aklinker1]

Alright, I'll checkout your repo in a bit and try and figure out what's going on.