Errors for socket.io in angular 2 seed

Question

Unable to integrate socket.io in angular2-seed app. Actually my code is

private mySocket:any;    
getSocketValue() {
    console.log("this.mySocket"+this.mySocket)
    if(this.mySocket) {
      this.mySocket = io(Config.socket_url);
    }
    return this.mySocket;
}

When using that code I am getting an error like

Errors for socket.io in angular 2 seed. Actually my code in angular 2 seed app. When using that code I am getting an error like. — praveen kumar, Feb 28 '17 at 06:20
When I am using the above code, i.e. using socket.io in my angular seed app, I am getting those errors. — praveen kumar, Feb 28 '17 at 06:24
Add proper socket.io-parser.js file path in system.config.json.. — raj m, Feb 28 '17 at 06:26

score 1 · Answer 1 · answered Feb 28 '17 at 06:23

1

Seems your socket io is not loaded.!

Include it in your systemJS configuration.

System.config({
    packages: {
        ...
        "socket.io-client": {"defaultExtension": "js"}
    },
    map: {
        "socket.io-client": "node_modules/socket.io-client/socket.io.js"
    }
});

And if u generated typings for it then,

{
  "ambientDependencies": {
    ...
    "socket-io-client":"github:DefinitelyTyped/DefinitelyTyped/socket.io-client/socket.io-client.d.ts#7de6c3dd94feaeb21f20054b9f30d5dabc5efabd"
  }
}

answered Feb 28 '17 at 06:23

Parth Ghiya

6,929
2
30
37

which seed file you are using ? You have to do something like this https://github.com/mgechev/angular-seed/wiki/Add-external-dependency – Parth Ghiya Feb 28 '17 at 06:48
It didn't worked, errors like "**Property 'addPackagesBundles' does not exist on type 'ProjectConfig'**" – praveen kumar Feb 28 '17 at 09:54

score 0 · Accepted Answer · answered Mar 01 '17 at 07:50

Socket.io-client not loaded properly

Tried below, It worked npm install @types/socket.io-client --save define socket.io-client in tools/config/seed.config.ts

i.e in SYSTEM_CONFIG_DEV->
path: {
...,
'socket.io-client' : `node_modules/socket.io-client/dist/socket.io`,// for latest versions of socket.io
'socket.io-client' : `node_modules/socket.io-client/socket.io`,// for older versions of socket.io
...
}

add in SYSTEM_BUILDER_CONFIG for production mode

path: {
    ...,
    'socket.io-client' : `node_modules/socket.io-client/dist/socket.io`,// for latest versions of socket.io
    'socket.io-client' : `node_modules/socket.io-client/socket.io`,// for older versions of socket.io
    ...
    }

Errors for socket.io in angular 2 seed

2 Answers2