為何捐款
API 瀏覽器
升級指南
NEW!
quasar.config 檔案
將專案轉換為使用 Vite 的 CLI
瀏覽器相容性
支援 TypeScript
目錄結構
命令列表
CSS 預處理器
路由
懶加載 - 代碼分割
處理資源
啟動檔案
預取功能
API 代理
處理 Vite
處理 process.env
使用 Pinia 的狀態管理
使用 Vuex 的狀態管理
Linter
測試 & 稽核
開發行動應用程式
Ajax 請求
向公眾開放開發伺服器
Quasar CLI with Vite - @quasar/app-vite
Capacitor versions

The officially supported versions of Capacitor are v1 through v6.

Upgrading Capacitor

If you previously used a lower version of Capacitor and you want to upgrade to a newer version, then

  1. Delete the /src-capacitor/ios and /src-capacitor/android folders, but make sure that you are aware of any changes that you made in those folders as you will have to redo them after step 4.
  2. Change /src-capacitor/package.json to reflect the correct versions of Capacitor dependencies (you can read them in the next appropriate section related to your desired Capacitor version).
  3. Delete yarn.lock/package-lock.json then run yarn / npm install in /src-capacitor.
  4. At this point, you will have Capacitor installed. Now you can run quasar dev -m capacitor -T [ios|android] or quasar build -m capacitor -T [ios|android] and it will add the upgraded iOS/Android platform that corresponds to your Capacitor version.

It would also be wise to check the changelog of Capacitor itself to see what breaking changes it has.

Capacitor v6
@quasar/app-vite v1.4+

需求

  • Xcode 15+ (適用於 iOS)
  • Android Studio Jellyfish 2023.3.1.18 或更新版本 (適用於 Android)

假設您已安裝 Capacitor 模式,以下是您的 /src-capacitor/package.json 中的依賴項應如下所示

dependencies: {
  "@capacitor/app": "^6.0.0",
  "@capacitor/cli": "^6.0.0",
  "@capacitor/core": "^6.0.0",
  "@capacitor/splash-screen": "^6.0.0"
}

@capacitor/app@capacitor/splash-screen 是選用的,但如果安裝它們,有助於 Quasar 實現一些 UI 功能。

Capacitor v5
@quasar/app-vite v1.4+

需求

  • Xcode 14.1+ (適用於 iOS)
  • Android Studio Flamingo 2022.2.1 或更新版本 (適用於 Android)

假設您已安裝 Capacitor 模式,以下是您的 /src-capacitor/package.json 中的依賴項應如下所示

dependencies: {
  "@capacitor/app": "^5.0.0",
  "@capacitor/cli": "^5.0.0",
  "@capacitor/core": "^5.0.0",
  "@capacitor/splash-screen": "^5.0.0"
}

@capacitor/app@capacitor/splash-screen 是選用的,但如果安裝它們,有助於 Quasar 實現一些 UI 功能。

Capacitor v4
@quasar/app-vite v1.4+

假設您已安裝 Capacitor 模式,以下是您的 /src-capacitor/package.json 中的依賴項應如下所示

dependencies: {
  "@capacitor/app": "^4.0.0",
  "@capacitor/cli": "^4.0.0",
  "@capacitor/core": "^4.0.0",
  "@capacitor/splash-screen": "^4.0.0"
}

@capacitor/app@capacitor/splash-screen 是選用的,但如果安裝它們,有助於 Quasar 實現一些 UI 功能。

Capacitor v3

已知問題

不支援 HTTPS 開發伺服器 (透過 quasar.config 檔案 > devServer > https: true)。如果您使用的 Capacitor 外掛程式依賴它,最好升級到較新的支援 Capacitor 版本。

假設您已安裝 Capacitor 模式,以下是您的 /src-capacitor/package.json 中的依賴項應如下所示

dependencies: {
  "@capacitor/app": "^1.0.0",
  "@capacitor/cli": "^3.0.0",
  "@capacitor/core": "^3.0.0",
  "@capacitor/splash-screen": "^1.0.0"
}

@capacitor/app@capacitor/splash-screen 是選用的,但如果安裝它們,有助於 Quasar 實現一些 UI 功能。

更多資訊請參閱切換到自動 Android 外掛程式載入

Capacitor v2

假設您已安裝 Capacitor 模式,以下是您的 /src-capacitor/package.json 中的依賴項應如下所示

dependencies: {
  "@capacitor/cli": "^2.0.0",
  "@capacitor/core": "^2.0.0"
}

Capacitor v1

假設您已安裝 Capacitor 模式,以下是您的 /src-capacitor/package.json 中的依賴項應如下所示

dependencies: {
  "@capacitor/cli": "^1.0.0",
  "@capacitor/core": "^1.0.0"
}