angular / angular-seed

Seed project for angular apps.
http://angularjs.org/
MIT License
13.04k stars 6.95k forks source link

No longer works #420

Open alecmce opened 7 years ago

alecmce commented 7 years ago

I'd guess that some things have updated and package.json doesn't specify the right versions, but I just wanted a quick-start boilerplate AngularJS app, and on loading I get these errors:

:8000/bower_components/html5-boilerplate/dist/css/normalize.css Failed to load resource: the server responded with a status of 404 (Not Found) :8000/bower_components/html5-boilerplate/dist/css/main.css Failed to load resource: the server responded with a status of 404 (Not Found) modernizr-2.8.3.min.js Failed to load resource: the server responded with a status of 404 (Not Found) angular.js Failed to load resource: the server responded with a status of 404 (Not Found) angular-route.js Failed to load resource: the server responded with a status of 404 (Not Found) angular.js Failed to load resource: the server responded with a status of 404 (Not Found) angular-route.js Failed to load resource: the server responded with a status of 404 (Not Found) app.js:4 Uncaught ReferenceError: angular is not defined at app.js:4 view1.js:3 Uncaught ReferenceError: angular is not defined at view1.js:3 view2.js:3 Uncaught ReferenceError: angular is not defined at view2.js:3 version.js:3 Uncaught ReferenceError: angular is not defined at version.js:3 version-directive.js:3 Uncaught ReferenceError: angular is not defined at version-directive.js:3 interpolate-filter.js:3 Uncaught ReferenceError: angular is not defined at interpolate-filter.js:3 :8000/favicon.ico Failed to load resource: the server responded with a status of 404 (Not Found) normalize.css Failed to load resource: the server responded with a status of 404 (Not Found) main.css Failed to load resource: the server responded with a status of 404 (Not Found)

gkalpak commented 7 years ago

I just tried (with node v6.11.1 and npm v3.10.10 on Windows 10) and it works fine. What versions are you using? What commands did you use?

It sounds like your bower dependencies are not installed correctly. Did you get any bower-related errors? Have you tried removing bower_components/ (and node_modules/ too - just in case) and running npm run start again?

jdbeine commented 7 years ago

I think I managed to repair this... https://github.com/pierlove/maxlove if someone can verify... new around here so not sure about contrib policies so I just published it at that url... I was able to trouble shoot and find the problem and fix the issue.. node has changed and breaks code hardcoded in the karma module for socket.io... the change is to replace process.Emitter with require('events') in several offending files. Let me know if I can help in getting these updated for you on GitHub...

gkalpak commented 7 years ago

Thx for looking into it @pierlove. First of all we need a way to reproduce this, because as mentioned in my previous comment I cannot reprodue the issue. If someone can share step-by-step instructions to reproduce the problem or a repo one tcan check out and see the issue, I would be happy to look into it and what it would be the best way to resolve this upstream.

jdbeine commented 7 years ago

The major issue is changed node core libraries. Also, I am on OSX.

jdbeine commented 7 years ago

I am playing with Angular on ci.io atm.... still struggling to find my feet. It's not even the code it's all the infrastructure and just getting a workflow, workspace environment that works together.

gkalpak commented 7 years ago

So, this only fails on latest node versions? Which ones?

RishabAkalankan commented 7 years ago

I'm new to angular development. When i do npm install, it shows an error like, bower is not used so u can try either yarn or webpack. Im really confused even when i try to run yarn install , it still shows bower is no longer used.Can anyone help me, i new to angular seed

gkalpak commented 7 years ago

Can you post the full log?

RishabAkalankan commented 7 years ago

@gkalpak hello sir, initilly when i run npm install, it actually downloads packages from bower while showing some error, following was the log:

npm WARN deprecated bower@1.8.0: ..psst! While Bower is maintained, we recommend Yarn and Webpack for new front-end projects! Yarn's advantage is security and reliability, and Webpack's is support for both CommonJS and AMD projects. Currently there's no migration path, but please help to create it: https://github.com/bower/bower/issues/2467 npm WARN deprecated minimatch@0.3.0: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue

angular-seed@0.0.0 postinstall C:\Users\Rishab\Downloads\project\secondproj bower install

bower angular#~1.5.0 cached https://github.com/angular/bower-angular.git#1.5.11 bower angular#~1.5.0 validate 1.5.11 against https://github.com/angular/bower-angular.git#~1.5.0 bower angular-route#~1.5.0 cached https://github.com/angular/bower-angular-route.git#1.5.11 bower angular-route#~1.5.0 validate 1.5.11 against https://github.com/angular/bower-angular-route.git#~1.5.0 bower angular-mocks#~1.5.0 cached https://github.com/angular/bower-angular-mocks.git#1.5.11 bower angular-mocks#~1.5.0 validate 1.5.11 against https://github.com/angular/bower-angular-mocks.git#~1.5.0 bower angular-loader#~1.5.0 cached https://github.com/angular/bower-angular-loader.git#1.5.11 bower angular-loader#~1.5.0 validate 1.5.11 against https://github.com/angular/bower-angular-loader.git#~1.5.0 bower html5-boilerplate#^5.3.0 cached https://github.com/h5bp/html5-boilerplate.git#5.3.0 bower html5-boilerplate#^5.3.0 validate 5.3.0 against https://github.com/h5bp/html5-boilerplate.git#^5.3.0 bower html5-boilerplate#^5.3.0 install html5-boilerplate#5.3.0 bower angular-route#~1.5.0 install angular-route#1.5.11 bower angular-loader#~1.5.0 install angular-loader#1.5.11 bower angular#~1.5.0 install angular#1.5.11 bower angular-mocks#~1.5.0 install angular-mocks#1.5.11

and when i run npm start,

$ npm start

angular-seed@0.0.0 prestart C:\Users\Rishab\Downloads\project\secondproj npm install

angular-seed@0.0.0 postinstall C:\Users\Rishab\Downloads\project\secondproj bower install

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules\chokidar\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.1.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

angular-seed@0.0.0 start C:\Users\Rishab\Downloads\project\secondproj http-server -a localhost -p 8000 -c-1 ./app

Starting up http-server, serving ./app Available on: http://localhost:8000 Hit CTRL-C to stop the server

When i press CTRL-C , Git Bash is not closing and so if i close it and open the second time it shows the port is already in use.

gkalpak commented 7 years ago

These are warnings which you can safely ignore. The Ctrl+C issues is weird. What OS are you using?

RishabAkalankan commented 7 years ago

@gkalpak Windows 8.1

gkalpak commented 7 years ago

Then it should definitely work :D I don't know what might be wrong, but doesn't sound like something we can fix in this repo :(

RishabAkalankan commented 7 years ago

@gkalpak it also shows EADDRINUSE, Address already in use

gkalpak commented 7 years ago

It sounds like something is occupying the port. You need to find what it is and shut it down.

RishabAkalankan commented 7 years ago

yea as im new to all these package managers, there is a lot of confusion. Anyways , thnx @gkalpak

aaaa0441 commented 7 years ago

@alecmce did you miss .bowerrc file in your working directory? This file specifies that bower dependencies to be installed under the .app directory.