pablodenadai / angular2-seed-project Goto Github PK
View Code? Open in Web Editor NEW[DEPRECATED] Angular 2 Seed Project – Gulp, TypeScript, Typings, Karma, Protractor, Sass and more.
Home Page: http://angular2-seed.io/
License: MIT License
[DEPRECATED] Angular 2 Seed Project – Gulp, TypeScript, Typings, Karma, Protractor, Sass and more.
Home Page: http://angular2-seed.io/
License: MIT License
Hey i did a fresh clone of your project, and ran npm install successfully.
I have gulp-cli#4.0 installed globally, but on executing 'gulp build serve', i get below error:
Error:
return gulp.src(['src/scripts/**/*.ts', ...paths.typings])
SyntaxError: Unexpected token ...
at exports.runInThisContext (vm.js:53:16)
at Module._compile (module.js:414:25)
at Object.Module._extensions..js (module.js:442:10)
at Module.load (module.js:356:32)
at Function.Module._load (module.js:311:12)
at Module.require (module.js:366:17)
at require (module.js:385:17)
at execute (C:\Users\******\AppData\Roaming\npm\node_modules\gulp-cli\lib\versioned\^4.0.0-alpha.2\index.js:32:3)
at Liftoff.handleArguments (C:\Users\******\AppData\Roaming\npm\node_modules\gulp-cli\index.js:150:63)
at Liftoff.<anonymous> (C:\Users\*******\AppData\Roaming\npm\node_modules\gulp-cli\node_modules\liftoff\index.js:192:16)
Hey there
I'm using your angular seed to compile an angular2 project for myself. Now, everything works fine, until I wanna use gulp serve. The watcher runs and after the first compilation, the second one crashes with an out of memory exception. I'm searching since 4 hours, but nothing does solve the problem 😢
Any ideas?
Cheers
Chris
v5.7.0
3.6.0
0.4.0
4.0.0-alpha.2
0.6.8
I think it might be a good idea to include Bootstrap or Foundation to this project.
People would probably be happy to have a basic menu with some routes as example to start a project very quickly.
Before: Use yargs
for defining the environments with gulp build --dev
and --prod
.
After: Use built-in flag. NODE_ENV=production gulp build
.
For Heroku setup see: http://stackoverflow.com/a/22282953/2352017.
Benefits: Remove dependency on yargs
and use Node's built-in feature.
Note: Update README.md
with new info.
Edit: Same can be done with process.env.PORT
instead of having it set to 8080
.
Would it be possible to auto deploy the project after running the tests ?
I think it would be nice to have a demo of the app.
Official repo: https://github.com/angular/material2
Documentation is very lacking as of 23/02/2016.
Angular 2 beta has reports of being broken after minification.
See: angular/angular#6380.
Error message:
EXCEPTION:
libs.js:27 Error: No Directive annotation found on t
at new t (libs.js:15)
at e.resolve (libs.js:14)
at e.getResolvedDirectiveMetadata (libs.js:17)
at Function.e.create (libs.js:16)
at eval (viewFactory_t:773)
at Object.A [as evalExpression] (libs.js:11)
at e._createViewFactoryRuntime (libs.js:28)
at libs.js:28
at n.run (libs.js:10)
at n.run (libs.js:20)
Workaround:
Set uglify.mangle
to false
for now.
Error stack
$ gulp build serve --dev
[13:45:57] Using gulpfile C:\Dev\test\gulpfile.js
C:\Users\Genad_000\AppData\Roaming\npm\node_modules\gulp\bin\gulp.js:129
gulpInst.start.apply(gulpInst, toRun);
^
TypeError: Cannot read property 'apply' of undefined
at C:\Users\Genad_000\AppData\Roaming\npm\node_modules\gulp\bin\gulp.js:129:19
at doNTCallback0 (node.js:430:9)
at process._tickCallback (node.js:359:13)
at Function.Module.runMain (module.js:459:11)
at startup (node.js:138:18)
at node.js:974:3
Use more Angular2
features like HTTP
and Router
.
See angular2-tour-of-heroes for reference.
$ gulp build serve
[14:10:48] Using gulpfile C:\Dev\angular2-seed\gulpfile.js
[14:10:48] Starting 'build'...
[14:10:48] Starting 'serve'...
[14:10:48] Starting 'clean'...
[14:10:48] Starting 'parallel'...
[14:10:48] Starting 'watch'...
[14:10:48] Starting 'livereload'...
[14:10:48] Server started http://localhost:8080
[14:10:48] LiveReload started on port 35729
[14:10:48] Finished 'clean' after 186 ms
[14:10:48] Starting 'parallel'...
[14:10:48] Starting 'scsslint'...
[14:10:48] Starting 'tslint'...
[14:10:48] 'scsslint' errored after 266 ms
[14:10:48] TypeError: Cannot read property 'start' of undefined
at processNode (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:57:46)
at processNode (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:96:9)
at processNode (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:96:9)
at processNode (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:96:9)
at processNode (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:96:9)
at Object.module.exports.detect (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:100:5)
at C:\Dev\angular2-seed\node_modules\sass-lint\index.js:44:27
at Array.forEach (native)
at Function.sassLint.lintText (C:\Dev\angular2-seed\node_modules\sass-lint\index.js:43:11)
at DestroyableTransform._transform (C:\Dev\angular2-seed\node_modules\gulp-sass-lint\index.js:38:27)
at DestroyableTransform.Transform._read (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_transform.js:172:10)
at DestroyableTransform.Transform._write (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_transform.js:160:12)
at doWrite (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_writable.js:333:12)
at writeOrBuffer (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_writable.js:319:5)
at DestroyableTransform.Writable.write (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_writable.js:246:11)
at DestroyableTransform.ondata (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_readable.js:581:20)
[14:10:48] 'parallel' errored after 272 ms
[14:10:48] TypeError: Cannot read property 'start' of undefined
at processNode (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:57:46)
at processNode (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:96:9)
at processNode (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:96:9)
at processNode (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:96:9)
at processNode (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:96:9)
at Object.module.exports.detect (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:100:5)
at C:\Dev\angular2-seed\node_modules\sass-lint\index.js:44:27
at Array.forEach (native)
at Function.sassLint.lintText (C:\Dev\angular2-seed\node_modules\sass-lint\index.js:43:11)
at DestroyableTransform._transform (C:\Dev\angular2-seed\node_modules\gulp-sass-lint\index.js:38:27)
at DestroyableTransform.Transform._read (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_transform.js:172:10)
at DestroyableTransform.Transform._write (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_transform.js:160:12)
at doWrite (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_writable.js:333:12)
at writeOrBuffer (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_writable.js:319:5)
at DestroyableTransform.Writable.write (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_writable.js:246:11)
at DestroyableTransform.ondata (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_readable.js:581:20)
[14:10:48] 'build' errored after 467 ms
[14:10:48] TypeError: Cannot read property 'start' of undefined
at processNode (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:57:46)
at processNode (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:96:9)
at processNode (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:96:9)
at processNode (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:96:9)
at processNode (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:96:9)
at Object.module.exports.detect (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:100:5)
at C:\Dev\angular2-seed\node_modules\sass-lint\index.js:44:27
at Array.forEach (native)
at Function.sassLint.lintText (C:\Dev\angular2-seed\node_modules\sass-lint\index.js:43:11)
at DestroyableTransform._transform (C:\Dev\angular2-seed\node_modules\gulp-sass-lint\index.js:38:27)
at DestroyableTransform.Transform._read (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_transform.js:172:10)
at DestroyableTransform.Transform._write (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_transform.js:160:12)
at doWrite (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_writable.js:333:12)
at writeOrBuffer (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_writable.js:319:5)
at DestroyableTransform.Writable.write (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_writable.js:246:11)
at DestroyableTransform.ondata (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_readable.js:581:20)
[14:10:48] The following tasks did not complete: serve, parallel, watch, livereload, tslint
[14:10:48] Did you forget to signal async completion?
Hi
It may be a good idea to split your gulp file as it is getting bigger and bigger ;)
$ gulp unit
[14:12:19] Using gulpfile C:\Dev\angular2-seed\gulpfile.js
[14:12:19] Starting 'unit'...
[14:12:19] Starting 'karma'...
14 12 2015 14:12:19.457:WARN [watcher]: Pattern "C:/Dev/angular2-seed/build/js/**/*.js" does not match any file.
14 12 2015 14:12:19.637:INFO [karma]: Karma v0.13.15 server started at http://localhost:9876/
14 12 2015 14:12:19.644:INFO [launcher]: Starting browser Chrome
14 12 2015 14:12:21.250:INFO [Chrome 47.0.2526 (Windows 10 0.0.0)]: Connected on socket qq_LWE1d1mhxfVlYAAAA with id 64167172
14 12 2015 14:12:22.201:WARN [web-server]: 404: /base/build/js/hero/hero.service
Chrome 47.0.2526 (Windows 10 0.0.0) ERROR
Error: Unable to load script C:/Dev/angular2-seed/build/js/hero/hero.service
at HTMLScriptElement.error (C:/Dev/angular2-seed/node_modules/systemjs/dist/system.src.js:2506:18)
at Zone.run (C:/Dev/angular2-seed/node_modules/angular2/bundles/angular2.dev.js:138:17)
at HTMLScriptElement.zoneBoundFn (C:/Dev/angular2-seed/node_modules/angular2/bundles/angular2.dev.js:111:19)
[14:12:22] 'karma' errored after 3.22 s
[14:12:22] Error: 1
at formatError (C:\Users\Genad_000\AppData\Roaming\npm\node_modules\gulp-cli\lib\versioned\^4.0.0-alpha.2\formatError.js:20:10)
at Gulp.<anonymous> (C:\Users\Genad_000\AppData\Roaming\npm\node_modules\gulp-cli\lib\versioned\^4.0.0-alpha.2\log\events.js:26:15)
at emitOne (events.js:82:20)
at Gulp.emit (events.js:169:7)
at Object.error (C:\Dev\angular2-seed\node_modules\undertaker\lib\helpers\createExtensions.js:58:10)
at handler (C:\Dev\angular2-seed\node_modules\now-and-later\lib\mapSeries.js:43:14)
at f (C:\Dev\angular2-seed\node_modules\once\once.js:17:25)
at f (C:\Dev\angular2-seed\node_modules\once\once.js:17:25)
at done (C:\Dev\angular2-seed\node_modules\async-done\index.js:24:15)
at removeAllListeners (C:\Dev\angular2-seed\node_modules\karma\lib\server.js:332:7)
at Server.<anonymous> (C:\Dev\angular2-seed\node_modules\karma\lib\server.js:343:9)
at Server.g (events.js:260:16)
at emitNone (events.js:72:20)
at Server.emit (events.js:166:7)
at emitCloseNT (net.js:1521:8)
at doNTCallback1 (node.js:441:9)
[14:12:22] 'unit' errored after 3.23 s
[14:12:22] Error: 1
at formatError (C:\Users\Genad_000\AppData\Roaming\npm\node_modules\gulp-cli\lib\versioned\^4.0.0-alpha.2\formatError.js:20:10)
at Gulp.<anonymous> (C:\Users\Genad_000\AppData\Roaming\npm\node_modules\gulp-cli\lib\versioned\^4.0.0-alpha.2\log\events.js:26:15)
at emitOne (events.js:82:20)
at Gulp.emit (events.js:169:7)
at Object.error (C:\Dev\angular2-seed\node_modules\undertaker\lib\helpers\createExtensions.js:58:10)
at handler (C:\Dev\angular2-seed\node_modules\now-and-later\lib\map.js:46:14)
at f (C:\Dev\angular2-seed\node_modules\once\once.js:17:25)
at f (C:\Dev\angular2-seed\node_modules\once\once.js:17:25)
at done (C:\Dev\angular2-seed\node_modules\async-done\index.js:24:15)
at f (C:\Dev\angular2-seed\node_modules\once\once.js:17:25)
at handler (C:\Dev\angular2-seed\node_modules\now-and-later\lib\mapSeries.js:44:16)
at f (C:\Dev\angular2-seed\node_modules\once\once.js:17:25)
at f (C:\Dev\angular2-seed\node_modules\once\once.js:17:25)
at done (C:\Dev\angular2-seed\node_modules\async-done\index.js:24:15)
at removeAllListeners (C:\Dev\angular2-seed\node_modules\karma\lib\server.js:332:7)
at Server.<anonymous> (C:\Dev\angular2-seed\node_modules\karma\lib\server.js:343:9)
See http://jsonplaceholder.typicode.com/ for server side content placeholder.
In the gulpfile.path.js
we can find 2 envs : Dev and prod.
We basically put the same files here but we only change the dev version to the minimified one for prod.
Does it make sense ? I mean, all the assets are compiled (css+js) when building the project right ?
So why do we have to differenciate them ? We should simply use the non minimified version and let gulp build the whole thing minimified, shouldn't we ?
It would avoid this duplication.
Remove remap-istanbul
dependency when Istanbul v1 is released as it'll have sourcemaps built-in.
PhantomJS2
can also be changed to PhantomJS
in karma.conf
Respond.js is for IE 6-8 but Angular 2 only supports IE 9+.
$ gulp build serve --dev
[17:51:37] Using gulpfile C:\Dev\angular2-seed\gulpfile.js
[17:51:37] Starting 'build'...
[17:51:37] Starting 'serve'...
[17:51:37] Starting 'clean'...
[17:51:37] Starting 'parallel'...
[17:51:37] Starting 'watch'...
[17:51:37] Starting 'livereload'...
[17:51:38] Server started http://localhost:8080
[17:51:38] LiveReload started on port 35729
[17:51:38] Finished 'clean' after 187 ms
[17:51:38] Starting 'parallel'...
[17:51:38] Starting 'scsslint'...
[17:51:38] Starting 'tslint'...
[17:51:38] 'scsslint' errored after 280 ms
[17:51:38] TypeError: Cannot read property 'start' of undefined
at processNode (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:57:46)
at processNode (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:96:9)
at processNode (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:96:9)
at processNode (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:96:9)
at processNode (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:96:9)
at Object.module.exports.detect (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:100:5)
at C:\Dev\angular2-seed\node_modules\sass-lint\index.js:44:27
at Array.forEach (native)
at Function.sassLint.lintText (C:\Dev\angular2-seed\node_modules\sass-lint\index.js:43:11)
at DestroyableTransform._transform (C:\Dev\angular2-seed\node_modules\gulp-sass-lint\index.js:38:27)
at DestroyableTransform.Transform._read (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_transform.js:172:10)
at DestroyableTransform.Transform._write (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_transform.js:160:12)
at doWrite (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_writable.js:333:12)
at writeOrBuffer (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_writable.js:319:5)
at DestroyableTransform.Writable.write (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_writable.js:246:11)
at DestroyableTransform.ondata (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_readable.js:581:20)
[17:51:38] 'parallel' errored after 284 ms
[17:51:38] TypeError: Cannot read property 'start' of undefined
at processNode (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:57:46)
at processNode (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:96:9)
at processNode (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:96:9)
at processNode (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:96:9)
at processNode (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:96:9)
at Object.module.exports.detect (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:100:5)
at C:\Dev\angular2-seed\node_modules\sass-lint\index.js:44:27
at Array.forEach (native)
at Function.sassLint.lintText (C:\Dev\angular2-seed\node_modules\sass-lint\index.js:43:11)
at DestroyableTransform._transform (C:\Dev\angular2-seed\node_modules\gulp-sass-lint\index.js:38:27)
at DestroyableTransform.Transform._read (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_transform.js:172:10)
at DestroyableTransform.Transform._write (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_transform.js:160:12)
at doWrite (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_writable.js:333:12)
at writeOrBuffer (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_writable.js:319:5)
at DestroyableTransform.Writable.write (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_writable.js:246:11)
at DestroyableTransform.ondata (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_readable.js:581:20)
[17:51:38] 'build' errored after 482 ms
[17:51:38] TypeError: Cannot read property 'start' of undefined
at processNode (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:57:46)
at processNode (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:96:9)
at processNode (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:96:9)
at processNode (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:96:9)
at processNode (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:96:9)
at Object.module.exports.detect (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:100:5)
at C:\Dev\angular2-seed\node_modules\sass-lint\index.js:44:27
at Array.forEach (native)
at Function.sassLint.lintText (C:\Dev\angular2-seed\node_modules\sass-lint\index.js:43:11)
at DestroyableTransform._transform (C:\Dev\angular2-seed\node_modules\gulp-sass-lint\index.js:38:27)
at DestroyableTransform.Transform._read (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_transform.js:172:10)
at DestroyableTransform.Transform._write (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_transform.js:160:12)
at doWrite (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_writable.js:333:12)
at writeOrBuffer (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_writable.js:319:5)
at DestroyableTransform.Writable.write (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_writable.js:246:11)
at DestroyableTransform.ondata (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_readable.js:581:20)
[17:51:38] The following tasks did not complete: serve, parallel, watch, livereload, tslint
[17:51:38] Did you forget to signal async completion?
on windows 7 machine, I get this error when I run gulp build serve
SyntaxError: Unexpected token ...
at exports.runInThisContext (vm.js:53:16)
at Module._compile (module.js:414:25)
at Object.Module._extensions..js (module.js:442:10)
at Module.load (module.js:356:32)
at Function.Module._load (module.js:313:12)
at Module.require (module.js:366:17)
at require (module.js:385:17)
at Liftoff.handleArguments (C:\Users\swirts\AppData\Roaming\npm\node_modules\gulp\bin\gulp.js:116:3)
at Liftoff.<anonymous> (C:\Users\swirts\AppData\Roaming\npm\node_modules\gulp\node_modules\liftoff\index.js:192:16)
at module.exports (C:\Users\swirts\AppData\Roaming\npm\node_modules\gulp\node_modules\flagged-respawn\index.js:17:3)
looks like the gulpfile has ES6 spreads in it?
any guidance would be greatly appreciated.
I just cloned and ran npm install
, then tried to gulp build serve
and got this:
/Users/nathanbackup/.node/lib/node_modules/gulp/bin/gulp.js:129
gulpInst.start.apply(gulpInst, toRun);
^
TypeError: Cannot read property 'apply' of undefined
at /Users/nathanbackup/.node/lib/node_modules/gulp/bin/gulp.js:129:19
at doNTCallback0 (node.js:419:9)
at process._tickCallback (node.js:348:13)
at Function.Module.runMain (module.js:469:11)
at startup (node.js:136:18)
at node.js:963:3
NRWMacBook:angular2-seed-1 nathanbackup$ node --version
v4.2.2
NRWMacBook:angular2-seed-1 nathanbackup$ npm --version
2.14.7
NRWMacBook:angular2-seed-1 nathanbackup$ gulp --version
[16:32:49] CLI version 3.9.0
[16:32:49] Local version 4.0.0-alpha.2
$ git clone https://github.com/ghpabs/angular2-seed-project.git && cd angular2-seed-project
$ nem install
$ gulp build serve
[10:18:03] Using gulpfile ~/angular2-seed-project/gulpfile.js
/usr/local/lib/node_modules/gulp/bin/gulp.js:129
gulpInst.start.apply(gulpInst, toRun);
^
TypeError: Cannot read property 'apply' of undefined
at /usr/local/lib/node_modules/gulp/bin/gulp.js:129:19
at doNTCallback0 (node.js:430:9)
at process._tickCallback (node.js:359:13)
at Function.Module.runMain (module.js:459:11)
at startup (node.js:138:18)
at node.js:974:3
Indentation should be 2 spaces across all files.
$ gulp build serve --dev.
[17:19:03] Using gulpfile C:\Dev\buybe4me\gulpfile.js
[17:19:03] Starting 'build'...
[17:19:03] Starting 'serve'...
[17:19:03] Starting 'clean'...
[17:19:03] Starting 'parallel'...
[17:19:03] Starting 'watch'...
[17:19:03] Starting 'livereload'...
[17:19:04] Server started http://localhost:8080
[17:19:04] LiveReload started on port 35729
[17:19:04] Finished 'clean' after 237 ms
[17:19:04] Starting 'parallel'...
[17:19:04] Starting 'lesslint'...
[17:19:04] Starting 'tslint'...
[17:19:04] Finished 'lesslint' after 426 ms
[17:19:04] Finished 'tslint' after 521 ms
[17:19:04] Finished 'parallel' after 523 ms
[17:19:04] Starting 'parallel'...
[17:19:04] Starting 'less'...
[17:19:04] Starting 'ts'...
[17:19:04] less all files 443 B
[17:19:06] ts all files 11.72 kB
[17:19:06] Finished 'less' after 2.28 s
[17:19:06] Finished 'ts' after 2.29 s
[17:19:06] Finished 'parallel' after 2.3 s
[17:19:06] Starting 'lib'...
[17:19:06] lib all files 1.2 MB
[17:19:07] Finished 'lib' after 188 ms
[17:19:07] Starting 'index'...
[17:19:07] gulp-inject 3 files into index.html.
[17:19:07] Finished 'index' after 78 ms
[17:19:07] Starting 'typedoc'...
Rendering [========================================] 100%
[17:19:11] Finished 'typedoc' after 4.55 s
[17:19:11] Finished 'build' after 7.88 s
This is it nothing more...
This looks like a great seed setup, thanks for the efforts!
To avoid confusion in the community, could you please rename to something else?
Minko has had angular2-seed
for quite a while before this. (https://github.com/mgechev/angular2-seed)
This is a great option though and renaming would help.
Making this private would solve 2 important things:
See "Where do tests go?" in https://angular.io/docs/ts/latest/testing/first-app-tests.html
More testing guides: https://angular.io/docs/ts/latest/testing/
Failed to generate load TypeDoc project.
domainEmitter: [object Object] domain: [object Object] domainThrown: false [22:03:49] 'build' errored after 14 s [22:03:49] Error in plugin 'gulp-typedoc' Message: Failed to generate load TypeDoc project. Details: domainEmitter: [object Object] domain: [object Object] domainThrown: false [22:03:49] The following tasks did not complete: serve, , watch, livereload [22:03:49] Did you forget to signal async completion?```
You have tests that written in .js it's fairly uncomfortable I would like my whole eco-system to be in Typescript.
If you need I can convert it.
It's linked in the repo description.
After cloning the project, npm install fails:
sh: typings: command not found
npm ERR! Darwin 14.5.0
npm ERR! argv "node" "/usr/local/bin/npm" "install"
npm ERR! node v0.12.7
npm ERR! npm v2.11.3
npm ERR! file sh
npm ERR! code ELIFECYCLE
npm ERR! errno ENOENT
npm ERR! syscall spawn
npm ERR! [email protected] postinstall: `typings install`
npm ERR! spawn ENOENT
npm ERR!
npm ERR! Failed at the [email protected] postinstall script 'typings install'.
Why are your dev script include explicitly laid out while your prod scripts are wildcard-referenced?
Great job. I LOVE IT!
module.exports = {
dev: {
// Files to be included in the `index.html`.
includes: [
'build/lib/system.js',
'build/lib/Rx.js',
'build/lib/angular2-polyfills.js',
'build/lib/angular2.dev.js',
'build/lib/router.dev.js',
'build/lib/http.dev.js',
'build/lib/lodash.js',
'build/css/app.css'
],
// Files to be processed by Gulp.
libs: {
js: [
'node_modules/systemjs/dist/system.js',
'node_modules/rxjs/bundles/Rx.js',
'node_modules/angular2/bundles/angular2-polyfills.js',
'node_modules/angular2/bundles/angular2.dev.js',
'node_modules/angular2/bundles/router.dev.js',
'node_modules/angular2/bundles/http.dev.js',
'node_modules/lodash/index.js'
]
}
},
prod: {
// Files to be included in the `index.html`.
includes: [
'build/lib/*',
'build/css/*'
],
// Files to be processed by Gulp.
libs: {
js: [
'node_modules/systemjs/dist/system.js',
'node_modules/rxjs/bundles/Rx.min.js',
'node_modules/angular2/bundles/angular2-polyfills.min.js',
'node_modules/angular2/bundles/angular2.min.js',
'node_modules/angular2/bundles/router.min.js',
'node_modules/angular2/bundles/http.min.js',
'node_modules/lodash/index.js'
]
}
}
};
I'm not sure if it is just me, but when I run just gulp unit
or gulp build
everything works as expected.
However, when I run gulp build serve
and then modify a file, the unit tests kick off, but the source tree is then littered with the converted .js files.
Is that by design? I haven't figured out why there is a difference between running gulp unit
gulp build
or gulp serve
As to show appreciation to everyone's input in the open-source community, I'm looking for a new name for this repo.
Please put your suggestions here and the most popular one will be the winner.
after i got the latest ver.
ran npm install
ran gulp build --dev
$ gulp build --dev
[17:47:40] Using gulpfile C:\Dev\angular2-seed\gulpfile.js
[17:47:41] Starting 'build'...
[17:47:41] Starting 'clean'...
[17:47:41] Finished 'clean' after 12 ms
[17:47:41] Starting 'parallel'...
[17:47:41] Starting 'scsslint'...
[17:47:41] Starting 'tslint'...
[17:47:41] 'scsslint' errored after 362 ms
[17:47:41] TypeError: Cannot read property 'start' of undefined
at processNode (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:57:46)
at processNode (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:96:9)
at processNode (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:96:9)
at processNode (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:96:9)
at processNode (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:96:9)
at Object.module.exports.detect (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:100:5)
at C:\Dev\angular2-seed\node_modules\sass-lint\index.js:44:27
at Array.forEach (native)
at Function.sassLint.lintText (C:\Dev\angular2-seed\node_modules\sass-lint\index.js:43:11)
at DestroyableTransform._transform (C:\Dev\angular2-seed\node_modules\gulp-sass-lint\index.js:38:27)
at DestroyableTransform.Transform._read (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_transform.js:172:10)
at DestroyableTransform.Transform._write (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_transform.js:160:12)
at doWrite (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_writable.js:333:12)
at writeOrBuffer (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_writable.js:319:5)
at DestroyableTransform.Writable.write (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_writable.js:246:11)
at DestroyableTransform.ondata (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_readable.js:581:20)
[17:47:41] 'parallel' errored after 365 ms
[17:47:41] TypeError: Cannot read property 'start' of undefined
at processNode (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:57:46)
at processNode (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:96:9)
at processNode (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:96:9)
at processNode (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:96:9)
at processNode (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:96:9)
at Object.module.exports.detect (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:100:5)
at C:\Dev\angular2-seed\node_modules\sass-lint\index.js:44:27
at Array.forEach (native)
at Function.sassLint.lintText (C:\Dev\angular2-seed\node_modules\sass-lint\index.js:43:11)
at DestroyableTransform._transform (C:\Dev\angular2-seed\node_modules\gulp-sass-lint\index.js:38:27)
at DestroyableTransform.Transform._read (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_transform.js:172:10)
at DestroyableTransform.Transform._write (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_transform.js:160:12)
at doWrite (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_writable.js:333:12)
at writeOrBuffer (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_writable.js:319:5)
at DestroyableTransform.Writable.write (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_writable.js:246:11)
at DestroyableTransform.ondata (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_readable.js:581:20)
[17:47:41] 'build' errored after 382 ms
[17:47:41] TypeError: Cannot read property 'start' of undefined
at processNode (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:57:46)
at processNode (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:96:9)
at processNode (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:96:9)
at processNode (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:96:9)
at processNode (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:96:9)
at Object.module.exports.detect (C:\Dev\angular2-seed\node_modules\sass-lint\lib\rules\indentation.js:100:5)
at C:\Dev\angular2-seed\node_modules\sass-lint\index.js:44:27
at Array.forEach (native)
at Function.sassLint.lintText (C:\Dev\angular2-seed\node_modules\sass-lint\index.js:43:11)
at DestroyableTransform._transform (C:\Dev\angular2-seed\node_modules\gulp-sass-lint\index.js:38:27)
at DestroyableTransform.Transform._read (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_transform.js:172:10)
at DestroyableTransform.Transform._write (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_transform.js:160:12)
at doWrite (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_writable.js:333:12)
at writeOrBuffer (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_writable.js:319:5)
at DestroyableTransform.Writable.write (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_writable.js:246:11)
at DestroyableTransform.ondata (C:\Dev\angular2-seed\node_modules\readable-stream\lib\_stream_readable.js:581:20)
[17:47:41] The following tasks did not complete: tslint
[17:47:41] Did you forget to signal async completion?
See https://github.com/CarmenPopoviciu/angular2-go-protractor for reference.
I'm wondering what i missed here.
I ran npm install
, it's ok.
I ran gulp build
, no problem.
When i run gulp build serve
i get the following error :
maxime@maxime:~/Documents/perso/angular2-seed$ gulp build serve
[22:44:29] Using gulpfile ~/Documents/perso/angular2-seed/gulpfile.js
[22:44:29] Starting 'build'...
[22:44:29] Starting 'serve'...
[22:44:29] Starting 'clean'...
[22:44:29] Starting 'parallel'...
[22:44:29] Starting 'watch'...
[22:44:29] Starting 'livereload'...
[22:44:29] Server started http://localhost:8080
[22:44:29] LiveReload started on port 35729
[22:44:29] 'watch' errored after 250 ms
[22:44:29] Error: watch src/index.html ENOSPC
at exports._errnoException (util.js:856:11)
at FSWatcher.start (fs.js:1313:19)
at Object.fs.watch (fs.js:1341:11)
at createFsWatchInstance (/home/maxime/Documents/perso/angular2-seed/node_modules/chokidar/lib/nodefs-handler.js:37:15)
at setFsWatchListener (/home/maxime/Documents/perso/angular2-seed/node_modules/chokidar/lib/nodefs-handler.js:80:15)
at EventEmitter.NodeFsHandler._watchWithNodeFs (/home/maxime/Documents/perso/angular2-seed/node_modules/chokidar/lib/nodefs-handler.js:228:14)
at EventEmitter.NodeFsHandler._handleFile (/home/maxime/Documents/perso/angular2-seed/node_modules/chokidar/lib/nodefs-handler.js:255:21)
at EventEmitter.<anonymous> (/home/maxime/Documents/perso/angular2-seed/node_modules/chokidar/lib/nodefs-handler.js:473:21)
at FSReqWrap.oncomplete (fs.js:82:15)
[22:44:29] 'parallel' errored after 262 ms
[22:44:29] Error: watch src/index.html ENOSPC
at exports._errnoException (util.js:856:11)
at FSWatcher.start (fs.js:1313:19)
at Object.fs.watch (fs.js:1341:11)
at createFsWatchInstance (/home/maxime/Documents/perso/angular2-seed/node_modules/chokidar/lib/nodefs-handler.js:37:15)
at setFsWatchListener (/home/maxime/Documents/perso/angular2-seed/node_modules/chokidar/lib/nodefs-handler.js:80:15)
at EventEmitter.NodeFsHandler._watchWithNodeFs (/home/maxime/Documents/perso/angular2-seed/node_modules/chokidar/lib/nodefs-handler.js:228:14)
at EventEmitter.NodeFsHandler._handleFile (/home/maxime/Documents/perso/angular2-seed/node_modules/chokidar/lib/nodefs-handler.js:255:21)
at EventEmitter.<anonymous> (/home/maxime/Documents/perso/angular2-seed/node_modules/chokidar/lib/nodefs-handler.js:473:21)
at FSReqWrap.oncomplete (fs.js:82:15)
[22:44:29] 'serve' errored after 265 ms
[22:44:29] Error: watch src/index.html ENOSPC
at exports._errnoException (util.js:856:11)
at FSWatcher.start (fs.js:1313:19)
at Object.fs.watch (fs.js:1341:11)
at createFsWatchInstance (/home/maxime/Documents/perso/angular2-seed/node_modules/chokidar/lib/nodefs-handler.js:37:15)
at setFsWatchListener (/home/maxime/Documents/perso/angular2-seed/node_modules/chokidar/lib/nodefs-handler.js:80:15)
at EventEmitter.NodeFsHandler._watchWithNodeFs (/home/maxime/Documents/perso/angular2-seed/node_modules/chokidar/lib/nodefs-handler.js:228:14)
at EventEmitter.NodeFsHandler._handleFile (/home/maxime/Documents/perso/angular2-seed/node_modules/chokidar/lib/nodefs-handler.js:255:21)
at EventEmitter.<anonymous> (/home/maxime/Documents/perso/angular2-seed/node_modules/chokidar/lib/nodefs-handler.js:473:21)
at FSReqWrap.oncomplete (fs.js:82:15)
[22:44:29] The following tasks did not complete: build, clean, livereload
[22:44:29] Did you forget to signal async completion?```
Relative paths were fixed in the v0.0.10
release.
2015-12-24T20:44:08.055382+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=frozen-falls-9270.herokuapp.com request_id=a04a3ad5-fd53-453d-96f6-6d126297a330 fwd="87.69.63.87" dyno= connect= service= status=503 bytes= 2015-12-24T20:44:08.375652+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/favicon.ico" host=frozen-falls-9270.herokuapp.com request_id=0948e9a3-66cc-4751-9b57-9fb39681f765 fwd="87.69.63.87" dyno= connect= service= status=503 bytes= 2015-12-24T20:44:22.238725+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=frozen-falls-9270.herokuapp.com request_id=7fb45c04-df3d-4ab5-8531-0103ff293819 fwd="87.69.63.87" dyno= connect= service= status=503 bytes= 2015-12-24T20:44:22.529780+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/favicon.ico" host=frozen-falls-9270.herokuapp.com request_id=ce6d92f4-1334-445a-a28d-01d9677638eb fwd="87.69.63.87" dyno= connect= service= status=503 bytes= 2015-12-24T20:44:02.141545+00:00 app[web.1]: at Function.Module._resolveFilename (module.js:338:15) 2015-12-24T20:44:02.141548+00:00 app[web.1]: at startup (node.js:138:18) 2015-12-24T20:44:02.141548+00:00 app[web.1]: at node.js:974:3
Unfortunately GitHub pages doesn't quite do the job here. It doesn't play nice with HTML5 routing, plus the relative paths are also screwed.
HTML5 routing issue:
Relative paths are screwed:
<script src="/foo/bar.js"></script>
https://USER.github.io/REPO/foo/bar.js
but got https://USER.github.io/foo/bar.js
instead. 👎Need to start thinking again about Heroku or Nodejitsu.
This is affecting our CI server (Travis) as well.
See: lodash/lodash#2059
It looks like lodash.upperfirst < 4.X has been unpublished from npm (...)
npm ERR! notarget No compatible version found: lodash.upperfirst@'>=3.0.0 <4.0.0'
npm ERR! notarget Valid install targets:
npm ERR! notarget ["4.0.0","4.0.1","4.0.2","4.1.0","4.1.1","4.1.2"]
npm ERR! notarget
npm ERR! notarget This is most likely not a problem with npm itself.
npm ERR! notarget In most cases you or one of your dependencies are requesting
npm ERR! notarget a package version that doesn't exist.
npm ERR! notarget
npm ERR! notarget It was specified as a dependency of 'lodash.capitalize'
npm ERR! notarget
[16:02:58] Using gulpfile C:\Dev\buybe4me\gulpfile.js
[16:02:58] Starting 'build'...
[16:02:58] Starting 'serve'...
[16:02:58] Starting 'clean'...
[16:02:58] Starting 'parallel'...
[16:02:58] Starting 'watch'...
[16:02:58] Starting 'livereload'...
[16:02:59] Server started http://localhost:8080
[16:02:59] LiveReload started on port 35729
[16:02:59] Finished 'clean' after 230 ms
[16:02:59] Starting 'parallel'...
[16:02:59] Starting 'lesslint'...
[16:02:59] Starting 'tslint'...
[16:02:59] 'tslint' errored after 296 ms
[16:02:59] TypeError: Cannot read property 'kind' of undefined
at isStatementBraced (C:\Dev\buybe4me\node_modules\tslint\lib\rules\curlyRule.js:77:16)
at CurlyWalker.visitDoStatement (C:\Dev\buybe4me\node_modules\tslint\lib\rules\curlyRule.js:60:14)
at CurlyWalker.SyntaxWalker.visitNode (C:\Dev\buybe4me\node_modules\tslint\lib\language\walker\syntaxWalker.js:278:22)
at C:\Dev\buybe4me\node_modules\tslint\lib\language\walker\syntaxWalker.js:440:63
at visitEachNode (C:\Dev\buybe4me\node_modules\typescript\lib\typescript.js:6833:30)
at Object.forEachChild (C:\Dev\buybe4me\node_modules\typescript\lib\typescript.js:6988:24)
at CurlyWalker.SyntaxWalker.walkChildren (C:\Dev\buybe4me\node_modules\tslint\lib\language\walker\syntaxWalker.js:440:12)
at CurlyWalker.SyntaxWalker.visitNode (C:\Dev\buybe4me\node_modules\tslint\lib\language\walker\syntaxWalker.js:434:22)
at C:\Dev\buybe4me\node_modules\tslint\lib\language\walker\syntaxWalker.js:440:63
at visitNode (C:\Dev\buybe4me\node_modules\typescript\lib\typescript.js:6821:20)
at Object.forEachChild (C:\Dev\buybe4me\node_modules\typescript\lib\typescript.js:6909:21)
at CurlyWalker.SyntaxWalker.walkChildren (C:\Dev\buybe4me\node_modules\tslint\lib\language\walker\syntaxWalker.js:440:12)
at CurlyWalker.SyntaxWalker.visitConstructorDeclaration (C:\Dev\buybe4me\node_modules\tslint\lib\language\walker\syntaxWalker.js:51:14)
at CurlyWalker.SyntaxWalker.visitNode (C:\Dev\buybe4me\node_modules\tslint\lib\language\walker\syntaxWalker.js:263:22)
at C:\Dev\buybe4me\node_modules\tslint\lib\language\walker\syntaxWalker.js:440:63
at visitEachNode (C:\Dev\buybe4me\node_modules\typescript\lib\typescript.js:6833:30)
I want to contribute with you, I like what you have done with this.
Update TypeDoc dependency when it releases support for TS 1.7. Angular2 has 1.7 features that can't be parsed by the current version 1.6.
Blocker: TypeStrong/typedoc#162
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.