[Solved] - Syntax Error: Cannot use import statement outside a module when importing @originjs/vite-plugin-federation

[BarBronshtein]

I wanted to use module federation plugin for the first time on my existing project but when I import I get an error

import { resolve, dirname, posix, basename, join, sep, extname, relative, parse } from 'path';
^^^^^^

SyntaxError: Cannot use import statement outside a module
    at Object.compileFunction (node:vm:352:18)
    at wrapSafe (node:internal/modules/cjs/loader:1032:15)
    at Module._compile (node:internal/modules/cjs/loader:1067:27)
    at Module._extensions..js (node:internal/modules/cjs/loader:1155:10)
    at Object._require.extensions.<computed> [as .js] (file:///C:/Users/shanp/OneDrive/Desktop/auth/auth-app/node_modules/vite/dist/node/chunks/dep-49b3b5ea.js:63527:17)        
    at Module.load (node:internal/modules/cjs/loader:981:32)
    at Function.Module._load (node:internal/modules/cjs/loader:822:12)
    at Module.require (node:internal/modules/cjs/loader:1005:19)
    at require (node:internal/modules/cjs/helpers:102:18)
    at Object.<anonymous> (C:\Users\shanp\OneDrive\Desktop\auth\auth-app\vite.config.ts:34:45)

vite.config.ts

import { fileURLToPath, URL } from 'node:url';
import { defineConfig } from 'vite';
import federation from '@originjs/vite-plugin-federation';
import vue from '@vitejs/plugin-vue';

// https://vitejs.dev/config/
export default defineConfig({
	plugins: [
		vue(),
		federation({
			name: 'auth-app',
			filename: 'remoteEntry.js',
			exposes: {},
		}),
	],
	build: {
		outDir: '../auth-app-backend/dist/public',
		emptyOutDir: true,
	},
	resolve: {
		alias: {
			'@': fileURLToPath(new URL('./src', import.meta.url)),
		},
	},
});

I was able to get rid off the problem by updating my vite version