2 replies

How do I set globalthis.__VUE_PROD_DEVTOOLS__

I'm getting an error stating that

__VUE_OPTIONS_API__

__VUE_OPTIONS_API__

and

__VUE_PROD_DEVTOOLS__

__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;

globalThis.__VUE_OPTIONS_API__ = true;

and

globalThis.__VUE_PROD_DEVTOOLS__ = true;

globalThis.__VUE_PROD_DEVTOOLS__ = true;

to the

.plasmo/static/popup.ts

.plasmo/static/popup.ts

file. The problem with this solution is that it has to be done manually every time I run

pnpm dev

pnpm dev

.

Is there somewhere that this can be configured that I'm not smart enough to figure out?

�PD

🧩 Plasmo Developers•3y ago•

2 replies

dino_morrison

How do I set globalthis.__VUE_PROD_DEVTOOLS__

I'm getting an error stating that

__VUE_OPTIONS_API__

__VUE_OPTIONS_API__

and

__VUE_PROD_DEVTOOLS__

__VUE_PROD_DEVTOOLS__

__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;

globalThis.__VUE_OPTIONS_API__ = true;

and

globalThis.__VUE_PROD_DEVTOOLS__ = true;

globalThis.__VUE_PROD_DEVTOOLS__ = true;

to the

.plasmo/static/popup.ts

.plasmo/static/popup.ts

file. The problem with this solution is that it has to be done manually every time I run

pnpm dev

pnpm dev

.

Is there somewhere that this can be configured that I'm not smart enough to figure out?

How do I set globalthis.__VUE_PROD_DEVTOOLS__

Similar Threads

How do I set globalthis.__VUE_PROD_DEVTOOLS__

Similar Threads

Similar Threads

Similar Threads