madhukard / angular2-jspm-seed Goto Github PK

View Code? Open in Web Editor NEW

46.0 46.0 12.0 249 KB

Angular2 / TypeScript / material2 / JSPM / Gulp Starter Project

HTML 4.37% JavaScript 75.39% CSS 6.07% TypeScript 14.16%

angular2-jspm-seed's People

Contributors

Stargazers

Watchers

Forkers

chessydk daevid66 dions00 ridomin lllife-angular mkscala davespring adave1 pjwalmsley jigs-patel dima-gusyatiner madhumc85

angular2-jspm-seed's Issues

BrowserSync 404

Upon changing any files browser sync can't reload the page. I think it's because it's asking for the "localhost:3000/home" when there's only an index.html.

~Btw great job, i'm learning a lot here.

Using external javascript library

BTW, awesome project!!

How do I use an external javascript library? I have a single .js file that needs to be included. Where do I place the file and how do I include the file as part of the build process (development and production)?

Thanks!

Reloading specific route does not work

When you are on /home path and you reload the app you get a blank screen

Javascript errors on fresh install

Aftera git clone, npm install and jspm install and success full running gulp.
Node 4.1, via nvm. JSPM 0.16.27. Gulp 3.9.0. NPM 2.14.4
I got this error accessing the page, (the error shows on javascript console)

EXCEPTION: TypeError: o.addTask is not a function
browser_adapter.js:81 EXCEPTION: TypeError: o.addTask is not a functionBrowserDomAdapter.logError @ browser_adapter.js:81BrowserDomAdapter.logGroup @ browser_adapter.js:92ExceptionHandler.call @ exception_handler.js:53(anonymous function) @ application_ref.js:158NgZone._notifyOnError @ ng_zone.js:252collection_1.StringMapWrapper.merge.onError @ ng_zone.js:156e.run @ angular2-polyfills.min.js:1(anonymous function) @ ng_zone.js:175(anonymous function) @ angular2-polyfills.min.js:1e.run @ angular2-polyfills.min.js:1(anonymous function) @ ng_zone.js:175(anonymous function) @ angular2-polyfills.min.js:1x @ angular2-polyfills.min.js:1F @ angular2-polyfills.min.js:1A @ angular2-polyfills.min.js:1O @ angular2-polyfills.min.js:1(anonymous function) @ angular2-polyfills.min.js:1microtask @ ng_zone.js:207e.run @ angular2-polyfills.min.js:1(anonymous function) @ ng_zone.js:175(anonymous function) @ angular2-polyfills.min.js:1y @ angular2-polyfills.min.js:1
browser_adapter.js:81 STACKTRACE:BrowserDomAdapter.logError @ browser_adapter.js:81ExceptionHandler.call @ exception_handler.js:55(anonymous function) @ application_ref.js:158NgZone._notifyOnError @ ng_zone.js:252collection_1.StringMapWrapper.merge.onError @ ng_zone.js:156e.run @ angular2-polyfills.min.js:1(anonymous function) @ ng_zone.js:175(anonymous function) @ angular2-polyfills.min.js:1e.run @ angular2-polyfills.min.js:1(anonymous function) @ ng_zone.js:175(anonymous function) @ angular2-polyfills.min.js:1x @ angular2-polyfills.min.js:1F @ angular2-polyfills.min.js:1A @ angular2-polyfills.min.js:1O @ angular2-polyfills.min.js:1(anonymous function) @ angular2-polyfills.min.js:1microtask @ ng_zone.js:207e.run @ angular2-polyfills.min.js:1(anonymous function) @ ng_zone.js:175(anonymous function) @ angular2-polyfills.min.js:1y @ angular2-polyfills.min.js:1
browser_adapter.js:81 TypeError: o.addTask is not a function
at n.(anonymous function) (http://10.1.1.8:3000/vendor/angular2-polyfills.min.js:1:14721)
at e.setTimeout (http://10.1.1.8:3000/jspm/npm/[email protected]/src/core/zone/ng_zone.js:227:18)
at e.(anonymous function) (http://10.1.1.8:3000/vendor/angular2-polyfills.min.js:1:14322)
at WS.write (http://10.1.1.8:3000/browser-sync/browser-sync-client.2.11.1.js:2:12303)
at WS.Transport.send (http://10.1.1.8:3000/browser-sync/browser-sync-client.2.11.1.js:1:30343)
at Socket.flush (http://10.1.1.8:3000/browser-sync/browser-sync-client.2.11.1.js:1:26893)
at Socket.sendPacket (http://10.1.1.8:3000/browser-sync/browser-sync-client.2.11.1.js:1:27335)
at Socket.write.Socket.send (http://10.1.1.8:3000/browser-sync/browser-sync-client.2.11.1.js:1:27047)
at http://10.1.1.8:3000/browser-sync/browser-sync-client.2.11.1.js:1:6684
at Encoder.encode (http://10.1.1.8:3000/browser-sync/browser-sync-client.2.11.1.js:3:10535)

-----async gap-----
Error
at r (http://10.1.1.8:3000/vendor/angular2-polyfills.min.js:1:22053)
at e.fork (http://10.1.1.8:3000/vendor/angular2-polyfills.min.js:1:22994)
at e.bind (http://10.1.1.8:3000/vendor/angular2-polyfills.min.js:1:8338)
at r (http://10.1.1.8:3000/vendor/angular2-polyfills.min.js:1:10985)
at $.t.(anonymous function) as catch
at Function.PromiseWrapper.catchError (http://10.1.1.8:3000/jspm/npm/[email protected]/src/facade/promise.js:12:29)
at RootRouter.Router._afterPromiseFinishNavigating (http://10.1.1.8:3000/jspm/npm/[email protected]/src/router/router.js:172:35)
at http://10.1.1.8:3000/jspm/npm/[email protected]/src/router/router.js:112:20
at e.run (http://10.1.1.8:3000/vendor/angular2-polyfills.min.js:1:8725)

-----async gap-----
Error
at r (http://10.1.1.8:3000/vendor/angular2-polyfills.min.js:1:22053)
at e.fork (http://10.1.1.8:3000/vendor/angular2-polyfills.min.js:1:22994)
at e.bind (http://10.1.1.8:3000/vendor/angular2-polyfills.min.js:1:8338)
at r (http://10.1.1.8:3000/vendor/angular2-polyfills.min.js:1:10985)
at $.t.(anonymous function) as then
at RootRouter.Router.navigateByUrl (http://10.1.1.8:3000/jspm/npm/[email protected]/src/router/router.js:109:62)
at new RootRouter (http://10.1.1.8:3000/jspm/npm/[email protected]/src/router/router.js:339:10)
at routerFactory (http://10.1.1.8:3000/jspm/npm/[email protected]/router.js:61:20)
at Injector._instantiate (http://10.1.1.8:3000/jspm/npm/[email protected]/src/core/di/injector.js:508:19)
at Injector._instantiateProvider (http://10.1.1.8:3000/jspm/npm/[email protected]/src/core/di/injector.js:438:21)

-----async gap-----
Error
at r (http://10.1.1.8:3000/vendor/angular2-polyfills.min.js:1:22053)
at e.fork (http://10.1.1.8:3000/vendor/angular2-polyfills.min.js:1:22994)
at createNgZone (http://10.1.1.8:3000/jspm/npm/[email protected]/src/core/application_ref.js:50:10)
at PlatformRef_.application (http://10.1.1.8:3000/jspm/npm/[email protected]/src/core/application_ref.js:125:29)
at Object.bootstrap (http://10.1.1.8:3000/jspm/npm/[email protected]/platform/browser.js:29:64)
at Object. (http://10.1.1.8:3000/src/boot.js:12:11)
at http://10.1.1.8:3000/src/boot.js:14:4
at l.$ (http://10.1.1.8:3000/jspm/system.js:4:18033)

Fix for Angular2 RC version

Tried to update to latest Angular 2 version and now it crashes. Can you update the seed with the latest versions, please.

gulp deploy fails

git clone https://github.com/madhukard/angular2-jspm-seed.git myapp
cd myapp
npm install
jspm install
gulp deploy

Fails with
[17:15:12] 'test-deploy' errored after 2.39 s
[17:15:12] Error: ENFILE: file table overflow, scandir '/angular/myapp/target/production/src'

Even when you comment out the test task, the deployment files fail to load with this error:
app.js:37868 Uncaught ReferenceError: module is not defined

Production deploy - old way of deployment

gulp deploy takes the approach of minifying all the scripts into a single .js file and does not take advantage of jspm bundle, is this just a carry over from a previous project template and targeted for a change or the intent?

Tests stacktrace for phantom

When I try to run the tests with Phantom and they fail, the stacktrace is kind of broken:

Expected undefined to equal ''.
        at :8
        at /Users/paulo/depot/personal/angular2-jspm-seed/node_modules/karma-jspm/src/adapter.js:61
        at /Users/paulo/depot/personal/angular2-jspm-seed/node_modules/babel-polyfill/dist/polyfill.js:3927
        at /Users/paulo/depot/personal/angular2-jspm-seed/node_modules/babel-polyfill/dist/polyfill.js:3940
        at /Users/paulo/depot/personal/angular2-jspm-seed/node_modules/babel-polyfill/dist/polyfill.js:1210
        at tryCatchReject (/Users/paulo/depot/personal/angular2-jspm-seed/target/development/jspm/system-polyfills.src.js:1188)
        at runContinuation1 (/Users/paulo/depot/personal/angular2-jspm-seed/target/development/jspm/system-polyfills.src.js:1147)
        at /Users/paulo/depot/personal/angular2-jspm-seed/target/development/jspm/system-polyfills.src.js:935
        at /Users/paulo/depot/personal/angular2-jspm-seed/target/development/jspm/system-polyfills.src.js:1045
        at /Users/paulo/depot/personal/angular2-jspm-seed/target/development/jspm/system-polyfills.src.js:102
        at /Users/paulo/depot/personal/angular2-jspm-seed/target/development/jspm/system-polyfills.src.js:67
    TypeError: 'undefined' is not a function (evaluating 'aboutComponent.onClickMe()')
        at :9
        at /Users/paulo/depot/personal/angular2-jspm-seed/node_modules/karma-jspm/src/adapter.js:61
        at /Users/paulo/depot/personal/angular2-jspm-seed/node_modules/babel-polyfill/dist/polyfill.js:3927
        at /Users/paulo/depot/personal/angular2-jspm-seed/node_modules/babel-polyfill/dist/polyfill.js:3940
        at /Users/paulo/depot/personal/angular2-jspm-seed/node_modules/babel-polyfill/dist/polyfill.js:1210
        at tryCatchReject (/Users/paulo/depot/personal/angular2-jspm-seed/target/development/jspm/system-polyfills.src.js:1188)
        at runContinuation1 (/Users/paulo/depot/personal/angular2-jspm-seed/target/development/jspm/system-polyfills.src.js:1147)
        at /Users/paulo/depot/personal/angular2-jspm-seed/target/development/jspm/system-polyfills.src.js:935
        at /Users/paulo/depot/personal/angular2-jspm-seed/target/development/jspm/system-polyfills.src.js:1045
        at /Users/paulo/depot/personal/angular2-jspm-seed/target/development/jspm/system-polyfills.src.js:102
        at /Users/paulo/depot/personal/angular2-jspm-seed/target/development/jspm/system-polyfills.src.js:67

and the same error in Chrome:

    Expected undefined to equal ''.
        at Object.eval (/Users/paulo/depot/personal/angular2-jspm-seed/target/development/src/about/about.spec.js:8:45)
    TypeError: aboutComponent.onClickMe is not a function
        at Object.eval (/Users/paulo/depot/personal/angular2-jspm-seed/target/development/src/about/about.spec.js:9:24)

Error when running 'gulp' task

I get the following error when running gulp:

XHR error (404 Not Found) loading crypto.js when running gulp

Hi,

I cloned you repo, ran npm and jspm install, then gulp.

All these run fine, but then running gulp causes the following console output in chrome:

angular2-polyfills.min.js:1 Error: Error: XHR error (404 Not Found) loading http://localhost:3000/crypto.js(…)
e.invoke @ angular2-polyfills.min.js:1
e.run @ angular2-polyfills.min.js:1
(anonymous function) @ angular2-polyfills.min.js:1
e.invokeTask @ angular2-polyfills.min.js:1
e.runTask @ angular2-polyfills.min.js:1
a @ angular2-polyfills.min.js:1
invoke @ angular2-polyfills.min.js:1

npm install fails confirmed

karma is failing

hi,

i've just cloned your repo and if i launch 'gulp test' it exits w/:

"Error: EMFILE: too many open files, scandir '/home/phra/experimental/angular2-jspm-seed/target/development/src"

i've not found a working solutions for these unit tests. it's seems a bug of karma or karma-jspm.

can you help me?

Why use gulp for compile typescript files instead use jspm's transpiler?

EXCEPTION: No Directive annotation found on MdAnchor

Hi,
I am geting this error when run the app.
The jspm install and npm install commands were executed succesfully.

EXCEPTION: No Directive annotation found on MdAnchor browser_adapter.js:81:7

STACKTRACE: browser_adapter.js:81:7
BrowserDomAdapter.prototype.logError() browser_adapter.js:81
ExceptionHandler.prototype.call() exception_handler.js:55
PlatformRef_.prototype._initApp/</<() application_ref.js:166
NgZone.prototype._notifyOnError() ng_zone.js:252
NgZone.prototype._createInnerZone/errorHandling<.onError() ng_zone.js:156
u</e.prototype.run() angular2-polyfills.min.js:1
NgZone.prototype._createInnerZone/<.$run/<() ng_zone.js:175
u</e.prototype.bind/<() angular2-polyfills.min.js:1
x() angular2-polyfills.min.js:1
L() angular2-polyfills.min.js:1
A() angular2-polyfills.min.js:1
<anónimo> angular2-polyfills.min.js:1
NgZone.prototype._createInnerZone/<.$scheduleMicrotask/</microtask() ng_zone.js:207
u</e.prototype.run() angular2-polyfills.min.js:1
NgZone.prototype._createInnerZone/<.$run/<() ng_zone.js:175
u</e.prototype.bind/<() angular2-polyfills.min.js:1
y() angular2-polyfills.min.js:1

BaseException@http://localhost:3000/jspm/npm/[email protected]/src/facade/exceptions.js:24:19
DirectiveResolver.prototype.resolve@http://localhost:3000/jspm/npm/[email protected]/src/core/linker/directive_resolver.js:39:11
RuntimeMetadataResolver.prototype.getDirectiveMetadata@http://localhost:3000/jspm/npm/[email protected]/src/compiler/runtime_metadata.js:52:21
RuntimeMetadataResolver.prototype.getViewDirectivesMetadata/<@http://localhost:3000/jspm/npm/[email protected]/src/compiler/runtime_metadata.js:120:14
map@http://localhost:3000/jspm/github/es-shims/[email protected]/es6-shim.js:1113:14
RuntimeMetadataResolver.prototype.getViewDirectivesMetadata@http://localhost:3000/jspm/npm/[email protected]/src/compiler/runtime_metadata.js:119:1
TemplateCompiler.prototype._compileNestedComponentRuntime@http://localhost:3000/jspm/npm/[email protected]/src/compiler/template_compiler.js:155:31
TemplateCompiler.prototype._compileComponentRuntime/done</<@http://localhost:3000/jspm/npm/[email protected]/src/compiler/template_compiler.js:140:18
forEach@http://localhost:3000/jspm/github/es-shims/[email protected]/es6-shim.js:1107:14
TemplateCompiler.prototype._compileComponentRuntime/done<@http://localhost:3000/jspm/npm/[email protected]/src/compiler/template_compiler.js:139:9
u</e.prototype.run@http://localhost:3000/vendor/angular2-polyfills.min.js:1:8723
NgZone.prototype._createInnerZone/<.$run/<@http://localhost:3000/jspm/npm/[email protected]/src/core/zone/ng_zone.js:175:22
u</e.prototype.bind/<@http://localhost:3000/vendor/angular2-polyfills.min.js:1:8370
x@http://localhost:3000/vendor/angular2-polyfills.min.js:1:3172
L@http://localhost:3000/vendor/angular2-polyfills.min.js:1:3258
A@http://localhost:3000/vendor/angular2-polyfills.min.js:1:3075
@http://localhost:3000/vendor/angular2-polyfills.min.js:1:944
NgZone.prototype._createInnerZone/<.$scheduleMicrotask/</microtask@http://localhost:3000/jspm/npm/[email protected]/src/core/zone/ng_zone.js:207:17
u</e.prototype.run@http://localhost:3000/vendor/angular2-polyfills.min.js:1:8723
NgZone.prototype._createInnerZone/<.$run/<@http://localhost:3000/jspm/npm/[email protected]/src/core/zone/ng_zone.js:175:22
u</e.prototype.bind/<@http://localhost:3000/vendor/angular2-polyfills.min.js:1:8370
y@http://localhost:3000/vendor/angular2-polyfills.min.js:1:1695

ttanks for you time

npm install fails

npm install fails. Here is a screenshot.

Console error after install

TypeError: o.addTask is not a function

at n.(anonymous function) (http://localhost:3000/vendor/angular2-polyfills.min.js:1:14871)

DEPRECATION WARNING: 'enqueueTask' is no longer supported and will be removed in next major release. Use addTask/addRepeatingTask/addMicroTask
angular2-polyfills.min.js:1

DEPRECATION WARNING: 'dequeueTask' is no longer supported and will be removed in next major release. Use removeTask/removeRepeatingTask/removeMicroTask