场景:引入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()
]
})