Vuetify不要在Cordova Android上渲染

时间:2019-10-07 01:38:06

标签: android cordova vue.js vuetify.js

我已经创建了一个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 

请提出建议。

1 个答案:

答案 0 :(得分:0)

它如何为我工作(不使用vue cordova插件)

  1. 删除并安装新版本的nodejs和cordova
  2. 创建了cordova项目并添加了平台android(请勿在命令提示符下构建或运行android。这会产生很多错误)
  3. 然后在android studio中打开创建的android项目(\ platforms \ android)(使用最新版本的android studio),在打开时将要求gradle升级,然后“确定”更新构建gradle并等待更新完成。
  4. 然后从android studio运行项目,

  5. 如果cordova hellworld项目正在运行,则将“ platforms \ android \ app \ src \ main \ assets \ www \”的内容替换为使用vuejs build命令创建的“ dist”文件夹中的内容

  6. 然后再次从android运行项目,现在您可以查看您的应用了
  7. (可选),如果您要从应用发送非https请求,则AndroidManifest.xml文件中的android:usesCleartextTraffic =“ true”

    注意:您每次必须生成vuetify项目才能生成“ dist”文件夹,并且需要替换www文件夹中的文件