在项目配置了路径别名 @ 后,使用 @ 路径引入组件都会报错:
报错1:Cannot find module ‘@/xx’ or its corresponding type declarations. Vetur(2307)
解决:
- 根目录创建 index.d.ts 文件,添加:
declare module '*.vue' {
import Vue from 'vue'
export default Vue
}
- tsconfig.json 文件配置:
"include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
"compilerOptions": {
"paths": { "@/*":["./src/*"] }
}
重启vscode后,该报错已解决
但是会提示新报错:
报错2:Module ‘“xxxx.vue”’ has no default export.Vetur(1192)
解决:
引入的组件添加新的 script 块
<script lang="ts">
export default {
name: 'TaskList',
};
</script>
重启vscode后,该报错已解决