🧩 Plasmo Developers•2y ago

How do I set globalthis.__VUE_PROD_DEVTOOLS__

I'm getting an error stating that __VUE_OPTIONS_API__ and __VUE_PROD_DEVTOOLS__ are not defined. While the error was definitely present, it didn't really cause an issue when developing my newtab but now that I've moved on to to popup, it throws the error every time I click on the extension icon and the popup is empty. The exact error is:

__VUE_OPTIONS_API__, __VUE_PROD_DEVTOOLS__ are not explicitly defined. You are running the esm-bundler build of Vue, which expects these compile-time feature flags to be globally injected via the bundler config in order to get better tree-shaking in the production bundle.

For more details, see https://link.vuejs.org/feature-flags.

__VUE_OPTIONS_API__, __VUE_PROD_DEVTOOLS__ are not explicitly defined. You are running the esm-bundler build of Vue, which expects these compile-time feature flags to be globally injected via the bundler config in order to get better tree-shaking in the production bundle.

For more details, see https://link.vuejs.org/feature-flags.

To fix this, I manually add globalThis.__VUE_OPTIONS_API__ = true; and globalThis.__VUE_PROD_DEVTOOLS__ = true; to the .plasmo/static/popup.ts file. The problem with this solution is that it has to be done manually every time I run pnpm dev. Is there somewhere that this can be configured that I'm not smart enough to figure out?

1 Reply

lab•17mo ago

Just merged your PR, this should be available in latest version @dino_morrison

Gaming

Programming

How do I set globalthis.__VUE_PROD_DEVTOOLS__