Vuetify 不在 cordova android 上渲染

Question

我創建了一個 Vue 項目並添加了一個 cordova 插件，如下所示：

vue create app-test
vue add cordova
npm run cordova-serve-android

到目前為止一切正常。

然后我嘗試這樣做：

vue add vuetify

當我運行時：

npm run cordova-serve-browser

一切都很好，但是當我跑步時

npm run cordova-serve-android

只是呈現了一個空白屏幕

用調試器檢查代碼，沒有 App.vue，也沒有 HelloWorld.vue 實例化。

我剛剛在控制台上發現了很多錯誤：

Failed to load resource: net::ERR_CONNECTION_REFUSED
https://localhost:8080/sockjs-node/info?t=1570409595173 

請建議。

Answer 1

它是如何為我工作的（不使用 vue cordova 插件）

1. 刪除並安裝新版本 nodejs 和 cordova
2. 創建了一個 cordova 項目並添加了平台 android（不要從命令提示符構建或運行 android。它會產生很多錯誤）
3. Then open the created android project (\platforms\android) in android studio (use the latest version of android studio),on open it will ask for gradle upgrade, then "Ok" to update the build gradle and wait for the update finish.

4. 然后從 android 工作室運行項目，

5. 如果 cordova hellworld 項目正在運行，則將 'platforms\android\app\src\main\assets\www\' 的內容替換為使用 vuejs build 命令創建的 'dist' 文件夾中的內容。

6. 然后再次從 android 運行項目，現在您可以查看您的應用程序

7. （可選）如果您從應用程序發送非 https 請求，則 android:usesCleartextTraffic="true" 在 AndroidManifest.Z0F635D0E0F3874FFF8B581C132E6C7A7

   注意：您必須每次構建 vuetify 項目以生成 'dist' 文件夾，並且需要替換 www 文件夾中的文件