not working #3

Activity

1. muniom commented on Oct 2, 2016

   

   muniom

   on Oct 2, 2016

   Last edited by muniom

   More actions

   +1, I'm also struggling with this error...

   It seems /client is an excluded directory in tsconfig.json, resulting in *.ts not found & /client/main.js 404 when loacalhost:3000 is loaded.

   Removing /client from the excludes allows tsc to compile the typescript files, however hits some compilation errors:

   client/nickName-component/nickName.component.ts(31,9): error TS2450: Left-hand side of assignment expression cannot be a constant or a read-only property. client/nickName-component/nickName.component.ts(31,29): error TS2304: Cannot find name 'io'.

   Chat app will still not work at this point, BUT if we re-exclude /client & 'npm start' again, localhost:3000 seems much closer to working.
2. sanketsahu

   assigned

   manavgoel

   on Oct 2, 2016
3. muniom commented on Oct 11, 2016

   

   muniom

   on Oct 11, 2016

   More actions

   FYI these changes got it compiling and working for me: https://github.com/muniom/angular2-node-socket-io-chat-app/commit/d8095a409816b440ea80c258a77fb17c8023dbd9
4. LeiwenL commented on Jan 26, 2017

   

   LeiwenL

   on Jan 26, 2017

   More actions

   Any news ? 😞
5. tomas313sk commented on Feb 5, 2017

   

   tomas313sk

   on Feb 5, 2017

   More actions

   muniom changes in nickName.component.ts and tsconfig.json works for me. Not needed to change typings.json.
6. PrathameshRane commented on Feb 9, 2017

   

   PrathameshRane

   on Feb 9, 2017

   More actions

   what changes do you made can you plz tell..
7. itsmebhavin commented on Mar 6, 2017

   

   itsmebhavin

   on Mar 6, 2017

   More actions

   Here are the changes you have to do -

   1. Fix tsconfig.json

   {
       "compileOnSave": true,
       "compilerOptions": {
           "target": "es5",
           "module": "commonjs",
           "moduleResolution": "node",
           "sourceMap": false,
           "emitDecoratorMetadata": true,
           "experimentalDecorators": true,
           "removeComments": false,
           "noImplicitAny": false,
           "allowJs": true
       },
       "exclude": [
       "node_modules",
       "typings/index.d.ts",
       "typings/modules",
       "server",
       "systemjs.config.js"
       ],
       "typescript.tsdk": "node_modules/typescript/lib"
   }
   REMOVE 'client' from 'exclude'
   

   2. Fix nickname component

   import { Component } from "@angular/core";
   import { Router } from "@angular/router";
   import * as globalVars from "../service/global";
   import { Inject } from "@angular/core";
   
   
   /// <reference path="../../typings/globals/jquery/index.d.ts/>
   
   
   
   import "/socket.io/socket.io.js";
   declare var io;
   
   @Component({
     moduleId: module.id,
     selector: "nick-name",
     templateUrl: "nickName.component.html"
   })
   
   export class NickNameComponent {
     nickname: string = null;
     protected router;
     protected globalVars = globalVars;
   
     constructor( @Inject(Router) router: Router) {
       this.router = router;
     }
   
     submit(data) {
       this.nickname = data.value;
       if (this.nickname) {
         this.globalVars.socket = io({ query: "userName=" + this.nickname });
         this.router.navigate(["chat"]);
       }
     }
   
     addNickname($event, nickname) {
       if ($event.which === 13) { // ENTER_KEY
         this.submit(nickname);
       }
     }
   }
   

   3. typings.Json

   {
     "globalDependencies": {
       "core-js": "registry:dt/core-js#0.0.0+20160602141332",
       "jasmine": "registry:dt/jasmine#2.2.0+20160621224255",
       "jquery": "registry:dt/jquery#1.10.0+20160908203239",
       "node": "registry:dt/node#6.0.0+20160807145350"
     },
     "ambientDependencies": {
       "es6-shim": "github:DefinitelyTyped/DefinitelyTyped/es6-shim/es6-shim.d.ts#7de6c3dd94feaeb21f20054b9f30d5dabc5efabd"
     }
   }
   
8. Niravshah06 commented on Jan 20, 2018

   

   Niravshah06

   on Jan 20, 2018

   More actions

   with above mentioned changes and with changed version of rxjs it works on windows machine.

   "rxjs": "5.4.2",