Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML Prototyping with Foundation for Apps Getting to Know Foundation for Apps Creating a New App

Patrick Koch
Patrick Koch
40,496 Points

Webserver is not showing up

Hi,

I installed all (node, ruby, git bash) on my windows machine without any problems.

also the creation with foundation-apps new project name works I get a folder with all files and dir (also build dir).

I run foundation-apps watch and git shows me:

Patrick@PATRICKHP ~
$ cd trekkerr

Patrick@PATRICKHP ~/trekkerr
$ foundation-apps watch

> foundation-apps-template@1.1.0 start c:\Users\Patrick\trekkerr
> gulp

[11:41:38] Using gulpfile c:\Users\Patrick\trekkerr\gulpfile.js
[11:41:38] Starting 'build'...
[11:41:38] Starting 'clean'...
[11:41:38] Finished 'clean' after 3.98 ms
[11:41:38] Starting 'copy'...
[11:41:38] Starting 'copy:foundation'...
[11:41:39] Finished 'copy:foundation' after 613 ms
[11:41:39] Starting 'sass'...
[11:41:40] Starting 'uglify:foundation'...
[11:41:40] Starting 'uglify:app'...
[11:41:40] Finished 'copy' after 1.5 s
[11:41:40] Finished 'uglify:app' after 161 ms
[11:41:40] Finished 'uglify:foundation' after 394 ms
[11:41:40] Starting 'uglify'...
[11:41:40] Finished 'uglify' after 6.16 μs
[11:41:41] Finished 'sass' after 1.56 s
[11:41:41] Starting 'copy:templates'...
[11:41:41] Finished 'copy:templates' after 22 ms
[11:41:41] Finished 'build' after 2.22 s
[11:41:41] Starting 'server'...
[11:41:41] Webserver started at http://localhost:8079
[11:41:41] Finished 'server' after 473 ms
[11:41:41] Starting 'default'...
[11:41:41] Finished 'default' after 22 ms

but under http://localhost:8079 I just get a Error message This webpage is not available. I already checked if the port is blocked but it isn't. Anyone any idea

3 Answers

Do you have XAMPP or another local server environment installed? If it is XAMPP, you have to have your project located in the htdocs folder in the XAMPP folder.

Patrick Koch
Patrick Koch
40,496 Points

first off all, thanks Ted for taking the time,

lets see if I understood Guil right, around min 3 he is talking about that foundation-watch command is building a server up, so I thought, we don't need a extra server environment. I am wrong?

But ok I put folder in my xmp dir and run the same command,

Patrick@PATRICKHP /c/xmp/htdocs/foundation-apps/trekker
$ foundation-apps watch

> foundation-apps-template@1.1.0 start c:\xmp\htdocs\foundation-apps\trekker
> gulp

[17:50:49] Using gulpfile c:\xmp\htdocs\foundation-apps\trekker\gulpfile.js
[17:50:49] Starting 'build'...
[17:50:49] Starting 'clean'...
[17:50:49] Finished 'clean' after 53 ms
[17:50:49] Starting 'copy'...
[17:50:49] Starting 'copy:foundation'...
[17:50:50] Finished 'copy:foundation' after 1 s
[17:50:50] Starting 'sass'...
0
[17:50:51] Starting 'uglify:foundation'...
[17:50:51] Starting 'uglify:app'...
[17:50:51] Finished 'copy' after 2.54 s
[17:50:51] Finished 'uglify:app' after 257 ms
[17:50:52] Finished 'uglify:foundation' after 634 ms
[17:50:52] Starting 'uglify'...
[17:50:52] Finished 'uglify' after 11 μs
[17:50:52] Finished 'sass' after 2.62 s
[17:50:52] Starting 'copy:templates'...
[17:50:52] Finished 'copy:templates' after 36 ms
[17:50:52] Finished 'build' after 3.75 s
[17:50:52] Starting 'server'...
[17:50:53] Webserver started at http://localhost:8079
[17:50:53] Finished 'server' after 770 ms
[17:50:53] Starting 'default'...
[17:50:53] Finished 'default' after 44 ms

still under http://localhost:8079 shows me error message, But if I go to http://localhost/Foundation-Apps/trekker/build/#!/ there it comes, so for mac we dont need a extra server envirement but for win, I think good to know.

I will progress further with the curse and let you know if this approach is working.

But thanks again Ted, greatful for that.

g patrick

Patrick Koch
Patrick Koch
40,496 Points

So far so good,

I finished stage 1, and everything worked like Guil shows in the video.

Just had to put the foundation app into my xmp/hdocs directory and access the finished app under ** http://localhost/app_folder_created/build/ **

And also change the dir in gitbash terminal to location for the foundation ap folder to run the foundation-app watch command.

thanks agin Ted,

g patrick