角2の発行エラーTS1068：予期しないトークン。コンストラクタ、メソッド、アクセサまたはプロパティが必要です。 app/chat.component.ts

Question

npmの起動時に問題が発生する

app/chat.component.ts（20,9）：エラーTS1068：予期しないトークン。コンストラクタ、メソッド、アクセサまたはプロパティが必要です。 app/chat.component.ts（47,1）：エラーTS1128：宣言または文が必要です。

import {Component} from '@angular/core'; 
import {messageData} from './message'; 
import * as io from 'socket.io-client'; 

@Component({ 
    selector: 'chat-message', 
    templateUrl: './app/middlepanel/chat.component.html', 
}) 

export class chatComponent { 
    socket: any; 


    this.socket = io('http://localhost:8000'); 
    console.log(this.socket); 

    this.socket.emit('welcome', " demo msg"); 

    this.socket.on('sample', function(msg) { 
     console.log(msg); 

    }); 

    this.socket.emit('joinServer', { 
     userName: "punit", 
     orgId: "786", 
     deviceToken: "11111", 
     osType: "window" 
    }); 

    this.socket.on('update-people', function(msg) { 
     //console.log(JSON.stringify(msg)); 
     console.log(msg); 
    }); 
} 

Answer 1

あなたは、コンストラクタやライフサイクルフックに割り当てを行う必要があります。

... 
export class chatComponent { 
    socket: any; 

    constructor(){ 
    this.socket = io('http://localhost:8000'); 
    console.log(this.socket); 

    this.socket.emit('welcome', " demo msg"); 

    this.socket.on('sample', function(msg) { 
     console.log(msg); 
    }); 

    this.socket.emit('joinServer', { 
     userName: "punit", 
     orgId: "786", 
     deviceToken: "11111", 
     osType: "window" 
    }); 

    this.socket.on('update-people', function(msg) { 
     //console.log(JSON.stringify(msg)); 
     console.log(msg); 
    }); 
    }  
}