Hello All,
I posted previously about having routing issues in f7 v1. I found the v2 repo and decided to migrate. This time I decided to start from scratch.
By scratch I mean I created a Cordova project using the CLI tool. Then making changes to bring in Framework7 and Vue. I think I have all everything in place, except when I build. I get an unexpected identifier error in my app.js file at line 1. which is my vue import. The IDE says everything checks out. Then when I run ‘cordova run browser’ I get a blank screen with a single error that is stated above.
app.js
import Vue from 'vue';
import Framework7 from 'framework7/dist/framework7.esm.bundle';
import Framework7Vue from 'framework7-vue'; // eslint-disable-line
import app from './app.vue';
import routes from './routes';
// Install Plugin
Vue.use(Framework7Vue, Framework7);
// Init Vue App
export default new Vue(
{
// Root Element
el: '#app',
render: c => c('app'),
components: {
app
},
routes,
}
);
package.json (Dependencies)
"dependencies": {
"cordova-android": "^7.0.0",
"cordova-browser": "^5.0.3",
"cordova-ios": "^4.5.4",
"cordova-plugin-whitelist": "^1.3.3",
"framework7": "^2.0.2",
"framework7-vue": "^0.9.4",
"vue": "^2.5.13",
"vue-template-compiler": "^2.5.13"
}
When I created the cordova project I was able to run the project successfully in Android, iOS, and the browser.