ajtowf / ng2_play Goto Github PK

[20:41:41] Using gulpfile ~/WebstormProjects/4x4RecoveryWebsite/gulpfile.js
[20:41:41] Starting 'ts-lint'...
[20:41:41] Starting 'compile-ts'...
stream.js:74
throw er; // Unhandled stream error in pipe.
^

SyntaxError: Unexpected token r
at Object.parse (native)
at RcFinder.loader (/Users/jbeckton/WebstormProjects/4x4RecoveryWebsite/node_modules/rcfinder/index.js:20:17)
at get (/Users/jbeckton/WebstormProjects/4x4RecoveryWebsite/node_modules/rcfinder/index.js:68:18)
at respond (/Users/jbeckton/WebstormProjects/4x4RecoveryWebsite/node_modules/rcfinder/index.js:122:22)
at /Users/jbeckton/WebstormProjects/4x4RecoveryWebsite/node_modules/rcfinder/index.js:173:28
at /Users/jbeckton/WebstormProjects/4x4RecoveryWebsite/node_modules/rcfinder/index.js:53:7
at FSReqWrap.oncomplete (fs.js:82:15)

appreciate your effort for making this tutorial, thanks!
tried to run gulp and i am getting some error when running ts. seems like the todo.ts can't find the 'models' file. i tried changing the path from 'models' to '../models' but still no luck. sorry im kinda noob in angular 2.

I'm working on a new installation of Ubuntu 14.04, node version 4.5.0, npm version 2.15.9.

I cloned this project and I'm Getting this error

`npm ERR! Linux 4.2.0-27-generic
npm ERR! argv "/home/manish/.nvm/versions/node/v4.5.0/bin/node" "/home/manish/.nvm/versions/node/v4.5.0/bin/npm" "install"
npm ERR! node v4.5.0
npm ERR! npm v2.15.9
npm ERR! code EPEERINVALID

npm ERR! peerinvalid The package @angular/[email protected] does not satisfy its siblings' peerDependencies requirements!
npm ERR! peerinvalid Peer @angular/[email protected] wants @angular/core@^2.0.0-rc.5
npm ERR! peerinvalid Peer @angular/[email protected] wants @angular/core@^2.0.0-rc.5
npm ERR! peerinvalid Peer @angular/[email protected] wants @angular/core@^2.0.0-rc.5
npm ERR! peerinvalid Peer @angular/[email protected] wants @angular/core@^2.0.0-rc.5
npm ERR! peerinvalid Peer @angular/[email protected] wants @angular/core@^2.0.0-rc.5
npm ERR! peerinvalid Peer @angular/[email protected] wants @angular/core@^2.0.0-rc.5
npm ERR! peerinvalid Peer @angular/[email protected] wants @angular/core@^2.0.0-rc.5
npm ERR! peerinvalid Peer @angular2-material/[email protected] wants @angular/core@^2.0.0-rc.5
npm ERR! peerinvalid Peer [email protected] wants @angular/core@^2.0.0-rc.6

npm ERR! Please include the following file with any support request:
npm ERR! /home/manish/Documents/Angular/NgPlay/npm-debug.log
`

Is this a problem with npm version, or something else ?

Hi Ajden,

thx for your nice tutorials. I have a question about your commit 6cab53e.
I put my login() method in a separate injectable service which I call in my component. But my component don't reload after login when I use this.ngZone.run(() => self.loggedIn());
How can I achieve that the component and the ngOnInitwill be update/refresh after the login?

Here my service:

@Injectable()
export class AuthService {

  constructor (private ngZone: NgZone) {
    this.ngZone = ngZone;
  }

 lock = new Auth0Lock('EjqKkgN1EWF0ssIb281Z1jRab4UpLqWy', 'larz.eu.auth0.com');

 login() {
   var self = this;

   this.lock.show((error: string, profile: Object, id_token: string) => {
     if (error) {
       console.log(error);
     }
     // We get a profile object for the user from Auth0
     localStorage.setItem('profile', JSON.stringify(profile));
     // We also get the user's JWT
     localStorage.setItem('id_token', id_token);

     this.ngZone.run(() => self.loggedIn());
   });
 }

my component:

    ngOnInit() {
        if (!tokenNotExpired()) {
            this._auth.login();
        } else {
            this.getAllGuests();
        }
    }

    login() {
        this._auth.login();
    }

    getAllGuests() {
        this._guestService.getAllGuests()
            .subscribe(
                    guests => this.guests = guests,
                    err => console.log(err),
                    () => this.loadList = false
                )

    }  

v

I try to use angular 2 material in RC0 follow your way in beta 15 but it doesn't work, any idea?

browserSync startup sometimes crash watching node_modules folder.

events.js:141
      throw er; // Unhandled 'error' event
      ^
Error: watch node_modules/angular2/es6/dev/src/platform/dom/debug/ng_probe.js ENOSPC

I changed in gulpfile.js

files: ['index.html', '**/*.js'],

to

files: ['index.html', 'app/**/*.js'],

As of alpha41 ROUTER_BINDINGS has been deprecated and replaced with ROUTER_PROVIDERS

bootstrap(AppComponent, [
    ROUTER_BINDINGS,
    bind(LocationStrategy).toClass(HashLocationStrategy)
]);

Should be...

bootstrap(AppComponent, [
    ROUTER_PROVIDERS,
    bind(LocationStrategy).toClass(HashLocationStrategy)
]);

@ajtowf

I ran sudo npm install and sudo gulp command successfully
But there are errors in console of browser as below:

Uncaught SyntaxError: Unexpected token )__exec @ system.src.js:1436esmRegEx @ system.src.js:3284(anonymous function) @ system.src.js:3552loader @ system.src.js:3800(anonymous function) @ system.src.js:4147negation @ system.src.js:4383(anonymous function) @ system.src.js:346Zone.run @ angular2-polyfills.js:1243zoneBoundFn @ angular2-polyfills.js:1220lib$es6$promise$$internal$$tryCatch @ angular2-polyfills.js:468lib$es6$promise$$internal$$invokeCallback @ angular2-polyfills.js:480lib$es6$promise$$internal$$publish @ angular2-polyfills.js:451(anonymous function) @ angular2-polyfills.js:123Zone.run @ angular2-polyfills.js:1243zoneBoundFn @ angular2-polyfills.js:1220lib$es6$promise$asap$$flush @ angular2-polyfills.js:262

Uncaught SyntaxError: Unexpected token ) angular2-polyfills.js:1243
Evaluating http://localhost:3000/app/boot.js
Error loading http://localhost:3000/app/boot.jsZone.run @ angular2-polyfills.js:1243zoneBoundFn @ angular2-polyfills.js:1220lib$es6$promise$$internal$$tryCatch @ angular2-polyfills.js:468lib$es6$promise$$internal$$invokeCallback @ angular2-polyfills.js:480lib$es6$promise$$internal$$publish @ angular2-polyfills.js:451lib$es6$promise$$internal$$publishRejection @ angular2-polyfills.js:401(anonymous function) @ angular2-polyfills.js:123Zone.run @ angular2-polyfills.js:1243zoneBoundFn @ angular2-polyfills.js:1220lib$es6$promise$asap$$flush @ angular2-polyfills.js:262

In practice we copy deployment files to dist folder. What all files should be copied to deployment folder from node_modules/@angular-material?

I downloaded this app yesterday and tried to build, but it kept having issues with angular cli. Kept saying that this app was generated using an older version of angular cli.. And it directed me to an upgrade page. You can recreate it by removing your existing installation of angular cli, npm cache clean, then reinstall latest version of angular cli, then try rebuilding. Can you please verify that it doesn't work with the latest (webpack) version of the cli? Thanks.

Hi mate, first of all thanks for the effort 👍
I got this error when I try to install dependencies.
My nodeJS version is 5.5.0.

npm WARN EPEERINVALID [email protected] requires a peer of es6-shim@^0.33.3 but none was installed.
npm WARN EPEERINVALID [email protected] requires a peer of [email protected] but none was installed.
npm WARN EPEERINVALID [email protected] requires a peer of [email protected] but none was installed.
npm WARN EPEERINVALID [email protected] requires a peer of [email protected] but none was installed.
npm ERR! Darwin 14.5.0
npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "install"
npm ERR! node v5.5.0
npm ERR! npm  v3.3.12
npm ERR! file sh
npm ERR! code ELIFECYCLE
npm ERR! errno ENOENT
npm ERR! syscall spawn

npm ERR! [email protected] postinstall: `tsd install`
npm ERR! spawn ENOENT
npm ERR! 
npm ERR! Failed at the [email protected] postinstall script 'tsd install'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the zone.js package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     tsd install
npm ERR! You can get their info via:
npm ERR!     npm owner ls zone.js
npm ERR! There is likely additional logging output above.