phonegap / phonegap-template-react-hot-loader

PhoneGap Template using React, ES2015, Webpack, and hot module reloading
MIT License
79 stars 21 forks source link

Phonegap developer app not updating when making changes #7

Open gopinath0332 opened 8 years ago

gopinath0332 commented 8 years ago

First i wanna thank for the template. I have been trying to do this setup for past 1 day and found out this template, really helpful.

Issue: The issue is when i run template with "webpack -w | phonegap serve", change i make in Hello.js, it reflecting only in web browser and where as phonegap developer not is not updated.

Can you let me know how to update developer app with my changes ?

devgeeks commented 8 years ago

Yeah, sorry... that is a use case I am trying to find a solution for. I am working on a rewrite of the developer app and I am hoping we can come up with a way to support hot loading servers in it.

At the moment, it's not really supported :(

devgeeks commented 8 years ago

I take it ALL back.

@gopinath0332 I have figured out the problem! I was thinking after I posted that answer... "wait... why wouldn't that work?"

It seems it's a combination of a "bug" in the template causing the streaming of the project not to be able to update the app on the fly.

Try this:

In your index.html, change

<script type="text/javascript" src="./cordova.js"></script>

to

<script type=text/javascript" src="cordova.js"></script>

That should allow webpack -w to work.

gopinath0332 commented 8 years ago

Yes done that. After the change, web browser is not refreshing automatically.

I see you have committed the changes. So tried with new template also. still not working

devgeeks commented 8 years ago

Hrm. That is odd. It worked fine when I tested it. I'll reopen and do some more testing.

gopinath0332 commented 8 years ago

I tried to do same setup. I achieved setup here. But there is one drawback, which is I couldnt use "require('react')". When i include , only browser is updating, where as phonegap developer app shows white screen.

I have work around for this issue. Including react and react-dom js in index.html solves the issue. In this case, both browser and phonegap developer app updating

Can you help me on this issue ?