search

caiobiodere / cordova-template-framework7-vue-webpack

Framework7 - Vue - Webpack Cordova Template with Webpack Dev Server and Hot Module Replacement
Apache License 2.0
620 stars 154 forks source link

white screen on fresh template android/ios #171

Closed cemarta7 closed 5 years ago

cemarta7 commented 5 years ago

So I have a fresh install and I get a white screen on android and on ios.

cordova 9.0.0 (cordova-lib@9.0.1) npm 6.9.0 node v11.0.0

package.json "dependencies": { "@fortawesome/fontawesome-free": "^5.8.2", "cordova-android": "^8.0.0", "cordova-browser": "^5.0.4", "cordova-ios": "^5.0.1", "fastclick": "^1.0.6", "framework7": "^3.6.5", "framework7-icons": "^2.1.1", "framework7-vue": "^3.6.5", "loglevel": "^1.4.1", "material-design-icons": "^3.0.1", "q": "^1.5.1", "vue": "^2.6.10", "vuex": "^3.1.1" },

config.xml `<?xml version='1.0' encoding='utf-8'?>

DefaultTemplate Brand new cordova project! Apache Cordova Team ` ![image](https://user-images.githubusercontent.com/5060049/60148007-07e6d380-9795-11e9-94ac-56f3c711c925.png)
cemarta7 commented 5 years ago

Ok I was able to make it work with Cordova 8.1.2 and these two templates.

cordova create cordova-template com.template DefaultTemplate --template git://github.com/caiobiodere/cordova-template-framework7-vue-webpack.git#master

and

cordova create cordova-template com.template DefaultTemplate --template git://github.com/caiobiodere/cordova-template-framework7-vue-webpack.git#feature/v3-default-template v3 main.js has to be import Framework7CSS from 'framework7/css/framework7.min.css';

this one cordova create [com.example.projectname] [ProjectClassName] --template cordova-template-framework7-vue-webpack gives me the white screen.

I'm still having issues on another project so trying to compare.

cemarta7 commented 5 years ago

Ok, find the issue. `

I used push-state true for web but when true on android or iphone was not loading. so I have to add this.$f7router.navigate('/');` on main.vue so it pushes the first page.