vite的ts环境里面没有配置@,我们需要自己配置
再vite.config.ts这个文件里面
配置alias
resolve: {
alias: {
'@': path.resolve(__dirname, './src'),
'*': path.resolve('')
},
},
import path from 'path'
然后再再tsconfig.json文件配置 baseUrl,paths 参数
{
"compilerOptions": {
"target": "ESNext",
"useDefineForClassFields": true,
"module": "ESNext",
"moduleResolution": "Node",
"strict": true,
"jsx": "preserve",
"sourceMap": true,
"resolveJsonModule": true,
"isolatedModules": true,
"esModuleInterop": true,
"lib": ["ESNext", "DOM"],
"skipLibCheck": true,
"baseUrl": ".",
"paths": {
"@/*": ["src/*"]
}
},
"include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
"references": [{ "path": "./tsconfig.node.json" }]
}
然后重新运行就行