vue3ts installation. mock. Solve the error if (!require.cache) { ^ReferenceError: require is not defined}

file:///Users/Desktop/myapp/node_modules/vite-plugin-mock/dist/index.mjs:128
  if (!require.cache) {
  ^
 
ReferenceError: require is not defined
    at cleanRequireCache (file:///Users/Desktop/myapp/node_modules/vite-plugin-mock/dist/index.mjs:128:3)
    at getMockConfig (file:///Users/Desktop/myapp/node_modules/vite-plugin-mock/dist/index.mjs:157:3)
    at createMockServer (file:///Users/Desktop/myapp/node_modules/vite-plugin-mock/dist/index.mjs:52:20)
    at configResolved (file:///Users/Desktop/myapp/node_modules/vite-plugin-mock/dist/index.mjs:246:16)
    at file:///Users/Desktop/myapp/node_modules/vite/dist/node/chunks/dep-4d3eff22.js:64256:28
    at Array.map (<anonymous>)
    at resolveConfig (file:///Users/Desktop/myapp/node_modules/vite/dist/node/chunks/dep-4d3eff22.js:64256:14)

I encountered this problem in the project and it took me a while to solve it. The solution is as follows. Friends who encounter the same problem can refer to it:

Make the following configuration in the node_modules/vite-plugin-mock/dist/index.mjs file:

1.  

   import { createRequire } from 'module';
   const require = createRequire(import.meta.url);