vue3报红报错修改配置

1、vite.config.ts配置路径别名

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

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  resolve:{
    alias:{
      '@':path.resolve(__dirname,"src")
    }
  }
})

---

还需要安装path

npm install @types/node --save-dev

---

2、解决代码编译器红色波浪线

// env.d.ts
/// <reference types="vite/client" />
// 配置这个文件是 解决错误：找不到模块“@/views/Login.vue”或其相应的类型声明。ts(2307)
// 这段代码告诉TypeScript，所有以.vue结尾的文件都是Vue组件，可以通过import语句进行导入。这样做通常可以解决无法识别模块的问题。
declare module "*.vue" {
    import { Component } from "vue";
    const component: Component;
    export default component;
}

---

3、导入TS文件报红线

//tsconfig.app.json  
"compilerOptions": {
    ....

    "baseUrl": ".",
    "paths": {
      "@/*":["src/*"]
    },
    ...
}

---