Vue Cordova黑屏

时间:2019-10-15 09:31:41

标签: android cordova webpack vuejs2 babel

我有一个Vue2应用程序,当我尝试在矿用应用程序上使用vue-cordova-cli部署在android设备上时,它不起作用,只能显示空白屏幕,我在寻找互联网的所有站点运气不好的解决方案。

我向您显示我的配置:

  • 系统操作:Windows 10
  • CLI :Powershell(管理权限)
  • Android :7.1.1
  • 命令npm
   vue add cordova
   npm run cordova-prepare
   npm run cordova-serve-android
  • main.js
import Vue from 'vue'
import App from './App.vue'

Vue.config.productionTip = false

new Vue({
  render: h => h(App),
}).$mount('#app')
  • vue.config.js
module.exports = {
  publicPath: '',
  pluginOptions: {
    cordovaPath: 'src-cordova'
  }
}

更多信息:我的所有测试都在使用USB连接到PC的设备上完成,而以前我已经通过这种方式进行了大量部署。

1 个答案:

答案 0 :(得分:-1)

检查vue.config.js,请参阅

      devServer: {
        https: false,
        // host:'127.0.0.1', // comment this line to let the cordova discover the correct host, usually a LAN ip or "localhost"
        port: 9000,
        disableHostCheck: true
      },