Uncaught ReferenceError: require is not defined (vite, SSR)

[yooouuri]

Happens in Vite SSR mode

"vite": "^4.0.4"

Im playing a little bit with vite.config.ts, but sadly no success

[yooouuri]

It is fixable to use an alias:

'vuex-persist': 'vuex-persist/dist/cjs/index.js'

But there should a decent solution

[nsano-rururu]

• In Vite you can't use require() so you need to replace it with import appropriately
• When running the code with vite, I feel that it is necessary to change the method of reading environment variables from process.env to import.meta.env

[yooouuri]

• In Vite you can't use require() so you need to replace it with import appropriately

• When running the code with vite, I feel that it is necessary to change the method of reading environment variables from process.env to import.meta.env

The require happens in the plug-in

[nsano-rururu]

Need fix for vuex-persist
https://github.com/championswimmer/vuex-persist/blob/master/src/index.ts#L57

      FlattedJSON = require('flatted')