Hello World is not picking up its css?

[organicmo...@gmail.com]

I installed Erlang/Elixir with the web installer at: http://elixir-lang.org/install.html#windows

Installed are Eshell V7.2.1 and IEx 1.2.6

As directed on: http://www.phoenixframework.org/docs/installation#section-node-js-5-0-0-

I looked for and found: https://nodejs.org/dist/latest-v5.x/ 

So I am running node.js 5.11.1

Follow guide at: http://www.phoenixframework.org/docs/up-and-running

I create the hello_phoenix app.  Changed into the directory and ran "mix phoenix.server"

When asked if I wished to install dependencies I answered: Y

In the midst of the compile I get an errors, namely:

[info] Running HelloPheonix.Endpoint with Cowboy using http on port 4000

14 Jun 18:56:49 - error : Compiling of web\static\js\app.js failed. Couldn't find preset "d:\\phoenix\\hello_pheonix\\node_modules\\babel-preset-es2015" relative to directory "web\\static\\js" ; Compiling of web\static\js\socket.js failed. Couldn't find preset "d:\\phoenix\\hello_pheonix\\node_modules\\babel-preset-es2015" relative to directory "web\\static\\js"

Missing after the project creation appears to be: d:\\phoenix\\hello_pheonix\\node_modules\\babel-preset-es2015

Runs otherwise but displays as raw HTML window (no css formatting as intimated by example https://www.filepicker.io/api/file/0t1GuSinQ1yeRhw3ZgLK).

I am running Windows 10 64 64 bit.

That is, it is all "virgin" install following verbatim the steps on http://www.phoenixframework.org/docs/installation and then on http://www.phoenixframework.org/docs/up-and-running.

So would the failure of the mix phoenix.new or phoenix.server (whichever one failed to create "babel-preset-es2015") lead to the webpage being displayed without CSS? If not what else could the problem be please?

Cheers,

A

[Chris McCord]

Please double check that you are on npm v3.x and retry if not. It's possible you have node upgraded but not npm. Failing to compile assets would indeed cause the CDs not to be displayed 

Sent from my iPhone

--
You received this message because you are subscribed to the Google Groups "phoenix-talk" group.
To unsubscribe from this group and stop receiving emails from it, send an email to phoenix-talk...@googlegroups.com.
To post to this group, send email to phoeni...@googlegroups.com.
Visit this group at https://groups.google.com/group/phoenix-talk.
To view this discussion on the web visit https://groups.google.com/d/msgid/phoenix-talk/2413a352-0ab3-42de-865f-252be6c688f6%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[António Ramos]

npm install babel-preset-es2015 --save 

To view this discussion on the web visit https://groups.google.com/d/msgid/phoenix-talk/45307BB1-34AC-4E35-AC5B-1AD6E9D44EDD%40chrismccord.com.

[Chris McCord]

Sorry, to be clear: What does 'npm -v' report? You may need to upgrade 

Sent from my iPhone

To view this discussion on the web visit https://groups.google.com/d/msgid/phoenix-talk/CAEM0BxNnyvVtQx59Y0yFt-Mvtdpd9-yP_X35b%2BNLvCY%2BJTTNLw%40mail.gmail.com.

[Asterion Daedalus]

npn --version returns 3.8.6

--
You received this message because you are subscribed to a topic in the Google Groups "phoenix-talk" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/phoenix-talk/heJh5b164c4/unsubscribe.
To unsubscribe from this group and all its topics, send an email to phoenix-talk...@googlegroups.com.

To post to this group, send email to phoeni...@googlegroups.com.
Visit this group at https://groups.google.com/group/phoenix-talk.

To view this discussion on the web visit https://groups.google.com/d/msgid/phoenix-talk/45307BB1-34AC-4E35-AC5B-1AD6E9D44EDD%40chrismccord.com.

[Asterion Daedalus]

António thanks, "npn  install babel-preset-es2015 --save" fixed my problem.

[Asterion Daedalus]

node --version returns 5.11.1