Why I get this error when I run build Vite?

I've tried migrate this (original compiled with webpack, it works)

import {createWebHistory, createRouter} from "vue-router";

import Home from '../pages/Home';
import Register from '../pages/Register';
import Login from '../pages/Login';

export const routes = [
    {
        name: 'home',
        path: '/',
        component: Home
    },
    {
        name: 'register',
        path: '/register',
        component: Register
    },
    {
        name: 'login',
        path: '/login',
        component: Login
    }/
];

const router = createRouter({
    history: createWebHistory(),
    routes: routes,
});

export default router;

to Vite but when I npm run build i get

Could not resolve '../pages/Login' from resources/js/router/index.js
error during build:
Error: Could not resolve '../pages/Login' from resources/js/router/index.js
    at error (file:///var/www/html/node_modules/rollup/dist/es/shared/rollup.js:1858:30)
    at ModuleLoader.handleResolveId (file:///var/www/html/node_modules/rollup/dist/es/shared/rollup.js:22333:24)
    at file:///var/www/html/node_modules/rollup/dist/es/shared/rollup.js:22296:26

this is my package.json

    "devDependencies": {
        "@vue/compiler-sfc": "^3.2.37",
        "axios": "^0.27",
        "laravel-vite-plugin": "^0.5.0",
        "lodash": "^4.17.19",
        "postcss": "^8.1.14",
        "sass": "^1.54.6",
        "vite": "^3.0.0",
        "vue-loader": "^17.0.0"
    },
    "dependencies": {
        "@vitejs/plugin-vue": "^3.0.3",
        "autoprefixer": "10.4.5",
        "vue": "^3.2.36",
        "vue-router": "^4.0.13"
    }

my vite.config.js

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

export default defineConfig({
    plugins: [
        vue(),
        laravel({
            input: ['resources/css/app.css', 'resources/js/app.js', 'resources/sass/app.scss'],
            refresh: true,
        }),
    ],
});