方式一:在使用 vue3+typescript 添加路由引入路径的时候报错:在 vite-env.d.ts 中添加:declare module "*.vue" { import { DefineComponent } from "vue"; const component: DefineComponent<{}, {}, any>; export default component; }通过以上方式可以取消报错爆红,但是当点击路径的时候跳转地址不正确。方式二:在 tsconfig.jsdon 中添加配置:"compilerOptions": { "baseUrl": "./", "paths": { "@/*": ["./src/*"] } }
在 .ts 文件上引入 path 模块的时候报错:import { resolve } from 'path'主要原因是 path 是一个 node.js 模块,node.js 本身不支持 typescript,为了解决这个问题需要安装一个 @types/node。npm install @types/node -D在引入文件的时候,如 "@/user" 按理我们需要引入 user 目录中的 index.ts 文件,但是在使用 TypeScript 时通常需要使用模块路径别名(Module Path Aliases)来简化文件引入的路径。// tsconfig.json { ..., "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"] }
有时在 .ts 文件中需要通过 import config from 'config.json' 方式来导入写在 json 中的配置信息。我们需要在 tsconfig.json 文件中开启一下配置:{ "compilerOptions": { "resolveJsonModule": true } }
a
不过是些许风霜罢了