1.出現(xiàn)的問題
image.png
2.解決辦法
在src文件夾下新建
shims-vue.d.ts文件 輸入
declare module '.vue' {
import { DefineComponent } from 'vue';
const component: DefineComponent<{}, {}, any>;
export default component;
}
保存，這個(gè)文件告訴 TypeScript 如何處理 .vue 文件，使其能夠正確推斷出組件的類型。同時(shí)確保確保 TypeScript 配置正確自行查看配置文件確保你的 tsconfig.json 文件包含以下配置：
{
"compilerOptions": {
"baseUrl": ".",
"paths": {
"@/": ["src/"]
},
"esModuleInterop": true,
"module": "esnext",
"target": "esnext",
"moduleResolution": "node",
"jsx": "preserve",
"sourceMap": true,
"strict": true,
"noImplicitAny": false,
"strictNullChecks": true,
"resolveJsonModule": true,
"lib": ["esnext", "dom"]
},
"include": ["src//.ts", "src//.d.ts", "src//.tsx", "src/*/.vue"]
}
保存就可以route.ts不在爆紅
image.png
