Vite 常见报错
Siona
Vite 常见报错
1. vite 配置 router 启动报错
报错原因：
解决方案：
方法一：将 @/App.vue 改为 ../App.vue
const routes = [
{path: '/', name: '/', component: () => import('@/App.vue')},
{path: '/workflow', name: 'WorkFlow', component: () => import('@/components/workflow/WorkFlow.vue')},
]
const routes = [
{path: '/', name: '/', component: () => import('../App.vue')},
{path: '/workflow', name: 'WorkFlow', component: () => import('../components/workflow/WorkFlow.vue')},
]
方法二
安装 path 模块
npm install --save-dev @types/node
# or
yarn add @types/node --dev
修改 vite.config.ts 文件
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path'
// https://vitejs.dev/config/
export default defineConfig({
plugins: [vue()],
resolve: {
alias: {
'@': path.resolve(__dirname, 'src')
}
}
})