Comments (8)
That actually looks right, the start command is a watch command. So at that point you should be able to load localhost:3000
in your browser and see the boilerplate running. What your seeing is just the application being idle, as you edit css and js files in the src directory you should notice updates appearing in terminal beneath that line. When you are done editing, you can hit ctrl + c
in terminal to stop the watch process including browsersync.
from esri-flux-react.
I've tried accessing localhost:3000 in my browser, but there doesn't seem to be anything running on that port. It could be an issue with my firewall or something else. I will check.
from esri-flux-react.
Ok, that's where it default tries to go. If you scroll up in the terminal output, you should see something like below:
[BS] Access URLs:
-----------------------------------
Local: http://localhost:3000
External: http://10.200.34.171:3000
-----------------------------------
[BS] Serving files from: build
[BS] Watching files...
If you do not see this then there was an issue with Browsersync not setting up the dev server. You can also change which port this runs on by modifying either the gulpfile.js
or the npm start
command.
In your gulpfile.js
, change the server config from
port: process.env.PORT || 3000,
to
port: process.env.PORT || 8080, // or whatever port works
Or in your npm start command in your package.json to look like this.
"start": "npm run babel -- -w & gulp start & PORT=8080 gulp serve",
from esri-flux-react.
Thanks for the help so far.
When running npm start I do not see the Access URLs listed, so based on your comments there is an issue with Browsersync not setting up the dev server. I've tried with several different ports (by editing the gulpfile.js) that I know are available, but the problem is still there.
from esri-flux-react.
Ok, yea if browser sync is not getting up and running then the port wont matter. What environment are you running (OSX, Windows, Linux, etc.)?
You may be able to run it from a normal web server on your machine if you load the build folder. All browsersync does is set up a local web server and then force refresh when any files are changed automatically, so that should be able to be replaced by any webserver that can see the build folder.
from esri-flux-react.
I'm running on Windows 10. I tried running it on another web server, and it works fine there. However, it would be great to use the Browser sync instead.
Edit: For your information I tried running gulp serve manually, and that works as expected, serving the application on localhost:3000 (but browsersync don't work though).
from esri-flux-react.
Ok, I figured it out. The problem was that "&" does not work in the windows command line, and hence only the first command in the start script was running (the other commands were being ignored). I fixed this by using the parallelshell package to run concurrent commands:
"start": "parallelshell \"npm run babel -- -w\" \"gulp start\" \"gulp serve\""
I'll close the issue now. Many thanks for your help.
from esri-flux-react.
Thanks for the update, I will add another script and a note to the readme for other windows users.
from esri-flux-react.
Related Issues (8)
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from esri-flux-react.