vue3 vite 别名无法按预期使用打字稿
vue3 vite alias not working as expected with typescript
我尝试了下面线程中的所有答案,但没有成功:
// https://vitejs.dev/config/
export default defineConfig({
resolve: {
extensions: ['.ts', '.js', '.vue'],
alias: [{
find: '@',
replacement: resolve(__dirname, 'src')
}],
},
plugins: [
vue(),
Components({
resolvers: [ElementPlusResolver()],
}),
]
})
为这个问题苦苦挣扎了几个小时,在这里发布问题几分钟后就解决了...
还需要Ts配置:
- 如果 path 不起作用,请同时添加 baseUrl 配置。
- 重新启动 IDE 一旦配置被修改。 (IntelliJ已经测试过如果没有重启是不行的)
tsconfig.json
{
"compilerOptions": {
"noImplicitAny": false,
"target": "esnext",
"useDefineForClassFields": true,
"module": "esnext",
"moduleResolution": "node",
"strict": true,
"jsx": "preserve",
"sourceMap": true,
"resolveJsonModule": true,
"esModuleInterop": true,
"baseUrl": "./",
"paths": {
"@/*": [
"./src/*"
],
},
"lib": [
"esnext",
"dom"
]
},
"include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"]
}
我尝试了下面线程中的所有答案,但没有成功:
// https://vitejs.dev/config/
export default defineConfig({
resolve: {
extensions: ['.ts', '.js', '.vue'],
alias: [{
find: '@',
replacement: resolve(__dirname, 'src')
}],
},
plugins: [
vue(),
Components({
resolvers: [ElementPlusResolver()],
}),
]
})
为这个问题苦苦挣扎了几个小时,在这里发布问题几分钟后就解决了...
还需要Ts配置:
- 如果 path 不起作用,请同时添加 baseUrl 配置。
- 重新启动 IDE 一旦配置被修改。 (IntelliJ已经测试过如果没有重启是不行的)
tsconfig.json
{
"compilerOptions": {
"noImplicitAny": false,
"target": "esnext",
"useDefineForClassFields": true,
"module": "esnext",
"moduleResolution": "node",
"strict": true,
"jsx": "preserve",
"sourceMap": true,
"resolveJsonModule": true,
"esModuleInterop": true,
"baseUrl": "./",
"paths": {
"@/*": [
"./src/*"
],
},
"lib": [
"esnext",
"dom"
]
},
"include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"]
}