vue3 开发记录

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"]
  }
}

参考文档：
https://www.cnblogs.com/wisewrong/p/15971158.html