xcode - 模拟器上的空白页 - Ionic Vue

Question

我有一个 ionic vue 项目，当我在模拟器上打开它时显示一个空白屏幕。以为我错过了一些东西，然后使用 Photo Gallery 启动器创建了一个新项目。它也在模拟器上显示一个空白页面。有什么建议么？

我的项目的离子信息

Ionic:

   Ionic CLI       : 6.13.1 (/usr/local/lib/node_modules/@ionic/cli)
   Ionic Framework : @ionic/vue 5.8.4

Utility:

   cordova-res (update available: 0.15.3) : 0.15.1
   native-run                             : 1.5.0

System:

   NodeJS : v12.18.0 (/usr/local/bin/node)
   npm    : 7.23.0
   OS     : macOS Big Sur

包装清单

  "dependencies": {
    "@capacitor/camera": "^1.1.0",
    "@capacitor/core": "3.2.3",
    "@capacitor/filesystem": "^1.0.3",
    "@capacitor/ios": "^3.2.3",
    "@capacitor/network": "^1.0.3",
    "@ionic/pwa-elements": "^3.0.2",
    "@ionic/vue": "^5.4.0",
    "@ionic/vue-router": "^5.4.0",
    "@tailwindcss/postcss7-compat": "^2.0.2",
    "autoprefixer": "^9",
    "axios": "^0.23.0",
    "core-js": "^3.6.5",
    "moment": "^2.29.1",
    "postcss": "^7",
    "swiper": "^6.8.4",
    "tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.0.2",
    "vue": "^3.2.1",
    "vue-router": "^4.0.0-0",
    "vuex": "^4.0.0-rc.1"
  },
  "devDependencies": {
    "@capacitor/cli": "3.2.3",
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-plugin-eslint": "~4.5.0",
    "@vue/cli-plugin-router": "~4.5.0",
    "@vue/cli-service": "~4.5.0",
    "@vue/compiler-sfc": "^3.0.0-0",
    "@vue/test-utils": "^2.0.0-0",
    "eslint": "^6.7.2",
    "eslint-plugin-vue": "^7.0.0-0",
    "vue-cli-plugin-tailwind": "~2.0.6",
    "vue-jest": "^5.0.0-0"
  }