Use rollup-alias instead of resolve.alias

client/package.json

@@ -20,6 +20,7 @@
   },
   "devDependencies": {
     "@intlify/vite-plugin-vue-i18n": "^3.4.0",
+    "@rollup/plugin-alias": "^3.1.9",
     "@rushstack/eslint-patch": "^1.1.0",
     "@types/jsdom": "^16.2.14",
     "@types/node": "^16.11.26",

client/vite.config.ts

@@ -4,6 +4,7 @@ import { fileURLToPath, URL } from 'url'
 import {defineConfig, loadEnv} from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vueI18n from '@intlify/vite-plugin-vue-i18n'
+import alias from '@rollup/plugin-alias'
 
 // https://vitejs.dev/config/
 export default ({mode}) => {
@@ -13,6 +14,15 @@ export default ({mode}) => {
       vue(),
       vueI18n({
         include: path.resolve(__dirname, './locales/**')
+      }),
+      // won't work in vite's resolve.alias, so we'll make the alias here
+      alias({
+        entries: [
+          {
+            find: 'vue-i18n',
+            replacement: path.resolve(__dirname, './node_modules/vue-i18n/dist/vue-i18n.runtime.esm-bundler.js')
+          }
+        ]
       })
     ],
     resolve: {