caiobiodere/cordova-template-framework7-vue-webpack

white screen on fresh template android/ios

cemarta7 opened this issue · 2 comments

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'?> <widget id="com.template" version="1.0.0" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0"> <preference name="android-minSdkVersion" value="19"/> <preference name="DisallowOverscroll" value="true"/> <hook src="hooks/hookers.js" type="before_prepare"/> <hook src="hooks/beforedep.js" type="before_deploy"/> <name>DefaultTemplate</name> <description> Brand new cordova project! </description> <author email="dev@cordova.apache.org" href="http://cordova.io"> Apache Cordova Team </author> <content src="index.html"/> <plugin name="cordova-plugin-whitelist" spec="1"/> <access origin="*"/> <allow-intent href="http://*/*"/> <allow-intent href="https://*/*"/> <allow-intent href="tel:*"/> <allow-intent href="sms:*"/> <allow-intent href="mailto:*"/> <allow-intent href="geo:*"/> <platform name="android"> <allow-intent href="market:*"/> </platform> <platform name="ios"> <splash src="res/screen/ios/Default@2x~universal~anyany.png"/> <allow-intent href="itms:*"/> <allow-intent href="itms-apps:*"/> </platform> <allow-navigation href="*"/></widget>

image

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 <project_create_dir> [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.

Ok, find the issue.
<f7-view url="/" :main="true" :push-state="push_state" class="ios-edges"></f7-view>
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.