En mi aplicación Vue JS, tengo el siguiente js dentro de src/router index.js

 import { createRouter, createWebHistory } from 'vue-router' import { isMobileTerminal } from '../utils/flexible' import mobileRoutes from './module/mobile-routes' import pcRoutes from './module/pc-routes' // 创建 vueRouter实例const router = createRouter({ history: createWebHistory(), routes: isMobileTerminal.value ? mobileRoutes : pcRoutes }) export default router

Y tengo el siguiente mobile-routes.js dentro de src/router/module

 export default [ { path: '/', // 路径name: 'home', // 当前路由名字component: () => import('../../views/main/index') // 对应的组件} ]

Luego tengo un componente llamado index.vue dentro de src/views/main

 <template> <div>移动端首页</div> </template> <script setup> export default { name: 'index' } </script> <style lang="scss" scoped></style>

Cada vez que intentaba ejecutar mi aplicación, me seguía dando los siguientes errores: [plugin:vite:import-analysis] No se pudo resolver la importación "../../views/main/index" from "src/router/module /rutas-móviles.js". ¿Existe el archivo?

ERROR como se muestra en la figura ingrese la descripción de la imagen aquí

Estoy usando Tailwind CSS, Vite y Vue 3