路径问题

1.@符号需要手动配置

在vite.config.js 配置 'vue': 'vue/dist/vue.esm-bundler.js'

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

export default defineConfig({
  alias: {
    "@": path.resolve(__dirname, "src"),//定义路径别名
    'vue': 'vue/dist/vue.esm-bundler.js' // 定义vue的别名，如果使用其他的插件，可能会用到别名
  },
  plugins: [vue()],
  server:{
    host:'0.0.0.0'//本地服务
  }
})

2.后缀无法识别不能省略.vue

{ path: '/', name: "member", component: () => import('@/view/member/index.vue') }, 否侧会报错

![SF1)@G]6RL{VC8LR44~6MSX.png](p9-juejin.byteimg.com/tos-cn-i-k3…?)