Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Blank page when I navigate to localhost #11

Open
samcromer opened this issue Apr 11, 2018 · 4 comments
Open

Blank page when I navigate to localhost #11

samcromer opened this issue Apr 11, 2018 · 4 comments

Comments

@samcromer
Copy link

I have everything installed and built, zero errors but when I do yarn start and browse to localhost:4000 all i see is a blank page.

@samcromer
Copy link
Author

Here is my log file:

VM34:6 Error executing AG js: ReferenceError: e is not defined
(anonymous) @ VM34:6
dev-server.js:49 [HMR] Waiting for update signal from WDS...
bootstrap 24e60464162d6c13b695:708 Uncaught Error: Module build failed: Error: Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime (59)
For more information on which environments are supported please see:
https://github.com/sass/node-sass/releases/tag/v3.13.0
at module.exports (C:\Users\Sam.Cromer.2017011SC\Documents\Web\angular-fundamentals-seed-master\angular-fundamentals-seed-master\node_modules\node-sass\lib\binding.js:13:13)
at Object. (C:\Users\Sam.Cromer.2017011SC\Documents\Web\angular-fundamentals-seed-master\angular-fundamentals-seed-master\node_modules\node-sass\lib\index.js:14:35)
at Module._compile (internal/modules/cjs/loader.js:654:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:665:10)
at Module.load (internal/modules/cjs/loader.js:566:32)
at tryModuleLoad (internal/modules/cjs/loader.js:506:12)
at Function.Module._load (internal/modules/cjs/loader.js:498:3)
at Module.require (internal/modules/cjs/loader.js:598:17)
at require (internal/modules/cjs/helpers.js:11:18)
at Object. (C:\Users\Sam.Cromer.2017011SC\Documents\Web\angular-fundamentals-seed-master\angular-fundamentals-seed-master\node_modules\sass-loader\index.js:4:12)
at module.exports (C:\Users\Sam.Cromer.2017011SC\Documents\Web\angular-fundamentals-seed-master\angular-fundamentals-seed-master\node_modules\node-sass\lib\binding.js:13:13)
at Object. (C:\Users\Sam.Cromer.2017011SC\Documents\Web\angular-fundamentals-seed-master\angular-fundamentals-seed-master\node_modules\node-sass\lib\index.js:14:35)
at Module._compile (internal/modules/cjs/loader.js:654:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:665:10)
at Module.load (internal/modules/cjs/loader.js:566:32)
at tryModuleLoad (internal/modules/cjs/loader.js:506:12)
at Function.Module._load (internal/modules/cjs/loader.js:498:3)
at Module.require (internal/modules/cjs/loader.js:598:17)
at require (internal/modules/cjs/helpers.js:11:18)
at Object. (C:\Users\Sam.Cromer.2017011SC\Documents\Web\angular-fundamentals-seed-master\angular-fundamentals-seed-master\node_modules\sass-loader\index.js:4:12)
at Object../app/app.component.scss (http://localhost:4000/build/app.js:717:7) []
at webpack_require (http://localhost:4000/build/app.js:660:30) []
at fn (http://localhost:4000/build/app.js:84:20) []
at Object../app/app.component.ts (http://localhost:4000/build/app.js:735:18) []
at webpack_require (http://localhost:4000/build/app.js:660:30) []
at fn (http://localhost:4000/build/app.js:84:20) []
at Object../app/app.module.ts (http://localhost:4000/build/app.js:752:23) []
at webpack_require (http://localhost:4000/build/app.js:660:30) []
at fn (http://localhost:4000/build/app.js:84:20) []
at Object../main.ts (http://localhost:4000/build/app.js:783:74) []
at webpack_require (http://localhost:4000/build/app.js:660:30) []
at fn (http://localhost:4000/build/app.js:84:20) []
at Object.7 (http://localhost:4000/build/app.js:10047:18) []
at webpack_require (http://localhost:4000/build/app.js:660:30) []
:4000/favicon.ico Failed to load resource: the server responded with a status of 404 (Not Found)
client?59d4:38 [WDS] Hot Module Replacement enabled.
client?59d4:38 [WDS] Errors while compiling. Reload prevented.
client?59d4:101 ./app/app.component.scss
Module build failed: Error: Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime (59)
For more information on which environments are supported please see:
https://github.com/sass/node-sass/releases/tag/v3.13.0
at module.exports (C:\Users\Sam.Cromer.2017011SC\Documents\Web\angular-fundamentals-seed-master\angular-fundamentals-seed-master\node_modules\node-sass\lib\binding.js:13:13)
at Object. (C:\Users\Sam.Cromer.2017011SC\Documents\Web\angular-fundamentals-seed-master\angular-fundamentals-seed-master\node_modules\node-sass\lib\index.js:14:35)
at Module._compile (internal/modules/cjs/loader.js:654:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:665:10)
at Module.load (internal/modules/cjs/loader.js:566:32)
at tryModuleLoad (internal/modules/cjs/loader.js:506:12)
at Function.Module._load (internal/modules/cjs/loader.js:498:3)
at Module.require (internal/modules/cjs/loader.js:598:17)
at require (internal/modules/cjs/helpers.js:11:18)
at Object. (C:\Users\Sam.Cromer.2017011SC\Documents\Web\angular-fundamentals-seed-master\angular-fundamentals-seed-master\node_modules\sass-loader\index.js:4:12)
@ ./app/app.component.ts 11:17-48
@ ./app/app.module.ts
@ ./main.ts
@ multi app
errors @ client?59d4:101

@helmutgranda
Copy link

Did you see this error?

Uncaught Error: Module build failed: Error: Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime (59)
For more information on which environments are supported please see:
https://github.com/sass/node-sass/releases/tag/v3.13.0

@helmutgranda
Copy link

By the way, I just ran into a similar issue, I figured out it was my version of NODE that I was running 10.0.0. After downgrading to 8.11.1 everything worked out fine. I am not sure if this is the same issue you have but worth a shot.

node -v

@tayelno
Copy link

tayelno commented Apr 29, 2018

Here is my machine settings, High Sierra v10.13.4 , Darwin x64.

$ node -v
v10.0.0

$ npm -v
5.6.0

$ yarn -v
1.6.0

So what I did was simple, just remove the locked dev-dependencies of node-sass and sass-loader from package.json then simply run:

yarn add node-sass sass-loader --dev

fixed everything for me.

here check my fork of the project, this commit shows the diff in my package.json

dependencies fix

I hope this fix it for you as well.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants