vue typescript 找不到模块

Question

import Header from '@/components/header.vue';

上面这段代码报找不到模块，写相对路径可以，但是在webpack中配置alias却不行

//这样可以
import Header from '../../components/header.vue';

求大神告知这是为啥？

Answer 1

除了在webpack配置外还要在tsconfig.json文件里面配置

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