Comments on: How to get started with Framework7, VueJS and Webpack https://www.timo-ernst.net/blog/2016/11/13/how-to-get-started-with-framework7-vuejs-and-webpack/ Developer • YouTuber • Blogger Fri, 20 Oct 2017 09:45:07 +0000 hourly 1 https://wordpress.org/?v=6.9.4 By: Timo https://www.timo-ernst.net/blog/2016/11/13/how-to-get-started-with-framework7-vuejs-and-webpack/#comment-104714 Fri, 20 Oct 2017 09:45:07 +0000 https://www.timo-ernst.net/?p=3565#comment-104714 In reply to Carlos Oliveira.

@Carlos Hi, I don’t know exactly how your setup looks like, so I can’t say much about it. It sounds a bit complicated though. You might want to try to create an empty PhoneGap/Cordova app and then just copy a static version of the F7 template (without npm/webpack) into the www directory. Then, you can work from there just with the PhoneGap/Cordova CLI.

]]> By: Carlos Oliveira https://www.timo-ernst.net/blog/2016/11/13/how-to-get-started-with-framework7-vuejs-and-webpack/#comment-104713 Thu, 19 Oct 2017 12:07:35 +0000 https://www.timo-ernst.net/?p=3565#comment-104713 Hi Timo, thanks for your reply , I’ve used already that template but it works in a very unstable way (at least for Android the one I’m using) and everytime I make a change need a build–> deploy > and this a long time even with a real device .
After checking all you videos I decided to use your hybrid solution ;).

1st develop all the UI , webpack+vue+F7 (that is not dependent on any device plugin) after when all is ready I make the “npm run pg” similar to your instructions , I made the same scripts that you used for MAC but for windows OS , copying all folders and dependencies to pg/www and all changes in my code about the event deviceready. Then I can add my plugins and work (more slowly ) on the final implementation . ( discovered that in Android the plugin WhiteList must be added to phonegap otherwise it will show always the 404 in any rest get even with config.xml with correct access option to ‘*’. Hope this helps others because was hard to spot it)

Do you see any inconvenience on this procedure , should it work ok or I will have problems that I’m didn’t foreseen ?

BR
Carlos

]]> By: Timo https://www.timo-ernst.net/blog/2016/11/13/how-to-get-started-with-framework7-vuejs-and-webpack/#comment-104708 Tue, 10 Oct 2017 08:13:15 +0000 https://www.timo-ernst.net/?p=3565#comment-104708 In reply to Carlos Oliveira.

@Carlos Hi, if you want a native app, it is better to use this template which has integrated support for Cordova/PhoneGap.
Then, you can install plugins for Bluetooth/Camera support.

]]> By: Carlos Oliveira https://www.timo-ernst.net/blog/2016/11/13/how-to-get-started-with-framework7-vuejs-and-webpack/#comment-104707 Mon, 09 Oct 2017 11:18:54 +0000 https://www.timo-ernst.net/?p=3565#comment-104707 Hi Timo,
I’m starting to build my environment to develop phonegap applications for android and IOS, for now just Android since I’m running it under windows. My problem is that I’ve decided to go (thanks to your tutorials btw!) for this framework “Framework7, VueJS and Webpack” since I understand it more or less and seems the right way to go. But if I set this up, and run it in a webbrowser with npm run dev all is ok ,unfortunately ( or fortunately) my applications need native plugins like camera and Bluethoot access and this is a little bit difficult to run since I dont know how integrate this webpack build with “phonegap serve” command. what is your opinion in what I should do to have this running with the real device at the same time I’m using the npm run dev ?

]]> By: Timo https://www.timo-ernst.net/blog/2016/11/13/how-to-get-started-with-framework7-vuejs-and-webpack/#comment-104685 Wed, 26 Jul 2017 16:06:55 +0000 https://www.timo-ernst.net/?p=3565#comment-104685 In reply to Kevin Boger.

@Kevin Mh, just tried with NPM 5.3 and Node 8.2.1 – Worked fine. What OS are you running on?

]]> By: Kevin Boger https://www.timo-ernst.net/blog/2016/11/13/how-to-get-started-with-framework7-vuejs-and-webpack/#comment-104684 Wed, 26 Jul 2017 02:43:05 +0000 https://www.timo-ernst.net/?p=3565#comment-104684 Hi there. I’ve walked through the install instructions, but keep getting an error when I npm run dev. Gives empty response. localhost/ Failed to load resource: net::ERR_EMPTY_RESPONSE in the console. im running npm version 5.0.0

]]> By: kiranrajujakka https://www.timo-ernst.net/blog/2016/11/13/how-to-get-started-with-framework7-vuejs-and-webpack/#comment-104654 Tue, 21 Feb 2017 17:55:29 +0000 https://www.timo-ernst.net/?p=3565#comment-104654 Hi,

F7+Vuejs + I’m doing login API call in my app, when successful login happens i’m storing key in localStorage, Now i have key.

Normally my aim is to load the welcome.vue(‘/welcome/’) when user logged in.

How can i achieve this by using stored key?

Where should i have to call the routing now?

Normally i use “this.$router.load(‘/welcome/)” to call welcome screen when successfully login happens.

I tried to do that in main.js, there routing not working.

Please suggest me an idea on how to do this!

Thanks & Regards,

]]> By: Timo https://www.timo-ernst.net/blog/2016/11/13/how-to-get-started-with-framework7-vuejs-and-webpack/#comment-104653 Mon, 20 Feb 2017 11:36:35 +0000 https://www.timo-ernst.net/?p=3565#comment-104653 In reply to kiranrajujakka.

@kiranrajujakka

Sure, you can use regular Framework7 without VueJS. It’s very simple to use with jQuery/Dom7 and Template7 (if you want). See these Links:

Dom7 http://framework7.io/docs/dom.html
Template7 http://framework7.io/docs/template7.html

]]> By: kiranrajujakka https://www.timo-ernst.net/blog/2016/11/13/how-to-get-started-with-framework7-vuejs-and-webpack/#comment-104652 Sat, 18 Feb 2017 07:49:10 +0000 https://www.timo-ernst.net/?p=3565#comment-104652 Hi,

It is too frustrating to go with vue elements provided by the framework7.
Is it any problem when i go with normal F7 elements instead of vue element?

Thanks & Regards

]]> By: kiranrajujakka https://www.timo-ernst.net/blog/2016/11/13/how-to-get-started-with-framework7-vuejs-and-webpack/#comment-104651 Sat, 18 Feb 2017 06:23:03 +0000 https://www.timo-ernst.net/?p=3565#comment-104651 Hi,

I’m working with F7 + Vue.
Can we create different side panel when we gone to another page?

I have one left side panel when user opens the app. When he logged in i need another left side panel which is having different content than the previous.

Where should i have to create that second panel code and how to call that?

When i try to create that panel at logged in page no where it is accepting.

Thanks & Regards,

]]>