您可能需要一個合適的加載程序來處理這種文件類型。 Angular4-火力地堡表達預期的錯誤

Question

ERROR in C:/projects/chat/src/app/services/chat.service.ts (32,10): Expression expected. 

ERROR in C:/projects/chat/src/app/services/chat.service.ts (32,10): Expression expected. 

ERROR in ./src/app/services/chat.service.ts 
Module parse failed: C:\projects\chat\node_modules\@ngtools\webpack\src\index.js!C:\projects\chat\src\app\services\chat.service.ts Unexpected token (24:15) 
You may need an appropriate loader to handle this file type. 
|  } 
|  ChatService.prototype.getMessages = function() { 
|   return .this.db.list('messages', { 
|    query: { 
|     limitToLast: 25, 
@ ./src/app/app.module.ts 25:0-54 
@ ./src/main.ts 
@ multi webpack-dev-server/client?http://localhost:4200 ./src/main.ts 

ChatService

import { Injectable } from '@angular/core'; 
import {AngularFireDatabase,FirebaseListObservable} from 'angularfire2/database'; 
import {AngularFireAuth} from 'angularfire2/auth'; 
import {Observable} from 'rxjs/Observable'; 
import {ChatMessage} from '../models/chat-message.model'; 
import {AuthService} from '../services/auth.service'; 
import * as firebase from'firebase/app'; 




@Injectable() 
export class ChatService { 

user: any; 
chatMessages: FirebaseListObservable<ChatMessage[]>; 
chatMessage: ChatMessage; 
userName: Observable<string>; 


    constructor(private db: AngularFireDatabase,private afAuth: AngularFireAuth) { 

//this.afAuth.authState.subscribe(auth=>{ 
    //if(auth !== undefined && auth !==null){ 
    //this.user = auth; 
    //} 
//}); 
    } 


    getMessages(): FirebaseListObservable<ChatMessage[]>{ 
    return.this.db.list('messages',{ 
    query: { 
    limitToLast:25, 
    orderByKey: true 
    } 
    }); 
    } 

    getTimeStamp(){ 
const now = new Date(); 
const date = now.getUTCFullYear() + '/' + 
(now.getUTCMonth() +1) + '/' + 
now.getUTCDate(); 
const time = now.getUTCHours() + ':' + 
now.getUTCMinutes() + ':' + 
now.getUTCSeconds(); 

return (date+' '+time); 

    } 



    sendMessage(msg: string){ 
const timestamp = this.getTimeStamp(); 
//const email = this.user.email; 
const email = "test@example.com"; 
this.chatMessages = this.getMessages(); 
this.chatMessages.push({ 
message: msg, 
timeSent: timestamp, 
//userName: this.userName, 
userName: "testuser", 
email: email 
}); 
    } 

} 

我是繼YouTube上的教程關於建立chatapp具有角4爲前端和火力地堡作爲後端我也跟着一切，但仍然有這錯誤。有任何想法嗎？我很確定我已經安裝了所有的依賴項。

Answer 1

本聲明：

return.this.db.list('messages',{ 

應該是這樣的：

return this.db.list('messages',{ 

加時賽是一個語法錯誤。根據您使用的IDE，在編譯之前，這應該顯示爲錯誤。

祝你好運！