Сборка vue приложения на VITE

Всем привет Есть такая проблема Есть готовый сайт на Vue3 запускаю сборщик Vite:

    import { fileURLToPath, URL } from 'url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  }
})

через NPM:

    "scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview --port 5050"
  },

Когда запустил "dev" сайт работает и всё ок Когда запускаю "build" или "preview" то куча ошибок некоторые с них:

Так же когда питаюсь перейти по странице (vue router) то следующая ошибка:

Ещё такой скрин могу скинуть если поможет

и package.json:

"dependencies": {
"axios": "^0.26.0",
"vue": "^3.2.33",
"vue-axios": "^3.4.1",
"vue-router": "^4.0.14",
"vue3-carousel": "^0.1.40",
"vue3-smooth-scroll": "^0.8.1",
"vuex": "^4.0.2"


},
  "devDependencies": {
    "@vitejs/plugin-vue": "^2.3.1",
    "vite": "^2.9.5"
  }