场景:引入ts文件报错找不到相应类型声明,此时是tsconfig.json文件还要进行文件系统路径别名设置

{
    "compilerOptions": {
        "baseUrl": "./"  // 解析非相对模块的基础地址,默认是当前目录
        "paths": { // 路径映射,相对于baseUrl
            "@/*": ["src/*"]
        }
    }
}

注:注意@/和src/后面的*号,如果缺少了还是会报错!!!

如果在引入vue文件报错时,要在vite.config.ts中配置文件系统路径别名

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

export default defineConfig({
    resolve: {
        alias: {
            '@': path.resolve(__dirname, 'src')
        } 
    },
    plugins: [
        vue()
    ]
})

Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐