PWA 与 Typescript | Quasar Framework

为什么捐赠

如何贡献

选项与辅助工具

样式与标识

布局与栅格

Vue 组件

Vue 指令

Quasar 插件

Vue 组合式函数

安全

Quasar CLI（Vite 版）

Quasar CLI（Webpack 版）

quasar.config 配置文件

迁移到 Webpack 版 CLI

浏览器兼容性

TypeScript 支持

CSS 预处理器

懒加载 - 代码分割

处理 process.env

使用 Pinia 管理状态

测试与审计

SPA 模式

SSR 模式

PWA 模式

PWA 应用图标

管理 Service Worker

PWA 配合 TypeScript

开发移动应用

Capacitor 模式

Cordova 模式

Electron 模式

浏览器扩展模式

开放开发服务器到公网

Icon Genie CLI

应用扩展

Quasar 工具函数

Quasar CLI with Webpack - @quasar/app-webpack

PWA 与 Typescript

为了给 PWA 支持 TypeScript，您需要将 /src-pwa 目录下的 .js 文件改为 .ts 文件，并做一些必要的 TS 代码修改。

还需要创建以下文件：

/* eslint-disable */

declare namespace NodeJS {
  interface ProcessEnv {
    SERVICE_WORKER_FILE: string;
    PWA_FALLBACK_HTML: string;
    PWA_SERVICE_WORKER_REGEX: string;
    // ...以及您自己的环境变量
  }
}

{
  "extends": "../tsconfig.json",
  "compilerOptions": {
    "lib": ["WebWorker", "ESNext"]
  },
  "include": ["*.ts", "*.d.ts"]
}

发现错误？在浏览器中编辑此页