1.引入nprogress插件,显示未声明文件
无法找到模块“nprogress”的声明文件。
解决方法:
vite-env.d.ts
// 解决引入模块的报错提示
declare module "nprogress";
2.在 .evn 文件中创建了自定义环境变量 VITE_APP_BASE_URL
但在项目中使用时出现 Typescript 错误:
interface ImportMetaEnv {
readonly VITE_APP_TITLE: string;
readonly VITE_APP_API_BASE_URL: string;
readonly VITE_BUILD_SOURCEMAP: string;
readonly VITE_BUILD_DROP_CONSOLE: string;
readonly VITE_BUILD_VCONSOLE: string;
readonly VITE_APP_API_BASE_DEV_URL: string;
// 更多环境变量...
}
interface ImportMeta {
readonly env: ImportMetaEnv;
}
可以将 env.d.ts 文件放到 src 目录下,无需再做别的配置,ts 就会引入这个文件
如果放到别的地方,比如根目录,就需要调整 tsconfig.json 的配置
{
"compilerOptions": {
"types": ["./env"]
}
}