Uncaught ReferenceError: __DEFINES__ is not defined

I just clone the template and run ‘pnpm i’ and ‘pnpm dev’, and load the extension to chrome, but I get this error

Uncaught ReferenceError: __DEFINES__ is not defined

for the backgound script. This error introduced from this file https://github.com/vitejs/vite/blob/fa30f76e49de0ca8abd96c1fd866da0512ed29b9/packages/vite/src/client/env.ts I try to use yarn and firefox, same error.

[tmkx]

It’s because that the background script imports /@vite/client since this PR, and then Vite will pre-bundle the deps, but, pre-bundling will not replace magic constants such as __DEFINES__.

You can try this workaround:

 optimizeDeps: {
   include: ['vue', '@vueuse/core'],
-   exclude: ['vue-demi'],
+   exclude: ['vue-demi', '@vite/client', '@vite/env'],
 },

and then delete Vite’s cache dir node_modules/.vite

This will be solved in https://github.com/vitejs/vite/pull/4716

[iceshu]

I have the some issue with vite v2.9.14 the dev env is ok but the product build is not work.