angular-seed icon indicating copy to clipboard operation
angular-seed copied to clipboard

No longer works

Open alecmce opened this issue 7 years ago • 16 comments

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)

alecmce avatar Jul 14 '17 09:07 alecmce

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?

gkalpak avatar Jul 14 '17 10:07 gkalpak

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...

jdbeine avatar Jul 23 '17 08:07 jdbeine

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.

gkalpak avatar Jul 25 '17 11:07 gkalpak

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

jdbeine avatar Jul 25 '17 11:07 jdbeine

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.

jdbeine avatar Jul 25 '17 12:07 jdbeine

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

gkalpak avatar Jul 25 '17 13:07 gkalpak

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

RishabAkalankan avatar Aug 14 '17 16:08 RishabAkalankan

Can you post the full log?

gkalpak avatar Aug 14 '17 16:08 gkalpak

@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 [email protected]: ..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 [email protected]: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue

[email protected] 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

[email protected] prestart C:\Users\Rishab\Downloads\project\secondproj npm install

[email protected] 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 [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

[email protected] 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.

RishabAkalankan avatar Aug 14 '17 17:08 RishabAkalankan

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

gkalpak avatar Aug 14 '17 17:08 gkalpak

@gkalpak Windows 8.1

RishabAkalankan avatar Aug 14 '17 17:08 RishabAkalankan

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 :(

gkalpak avatar Aug 14 '17 17:08 gkalpak

@gkalpak it also shows EADDRINUSE, Address already in use

RishabAkalankan avatar Aug 14 '17 17:08 RishabAkalankan

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

gkalpak avatar Aug 14 '17 17:08 gkalpak

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

RishabAkalankan avatar Aug 14 '17 17:08 RishabAkalankan

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

aaaa0441 avatar Aug 20 '17 17:08 aaaa0441