I keep encountering an error message whenever I try to compile my code.
ERROR in src/app/form/form.component.ts(22,39): error TS1005: ',' expected.
Below is the snippet of code where the error is pointing:
import { Component, OnInit } from '@angular/core';
import { CommService } from '../services/comm.service';
@Component({
selector: 'app-form',
templateUrl: './form.component.html',
styleUrls: ['./form.component.css']
})
export class FormComponent implements OnInit {
user = {
Doctor: '',
Patient: '',
Type: '',
Diagnosis: ''
};
constructor(private CommService: CommService) { }
ngOnInit() {
this.CommService.setData(this.user);
}
}
The mentioned code above depicts a simple form that captures input (user={}) and forwards it to a service (CommService.setData).
Here's the implementation of the CommService:
import { Injectable } from '@angular/core';
import { Observable, of, Subject } from 'rxjs';
import { FormComponent } from '../form/form.component';
@Injectable()
export class CommService {
getData$: Observable<any>;
private getDataSubject = new Subject<string>();
users = {
Doctor: '',
Patient: '',
Type: '',
Diagnosis: ''
};
constructor() { }
setData (data: any[]) {
this.users = data;
}
getData() {
return this.users;
}
}
As a beginner, I suspect my mistake might be trivial. Any assistance would be greatly appreciated.
UPDATE: Upon suggestions from knowledgeable individuals, I cross-checked the TypeScript version in the "package.json" file. The TypeScript version originally stated was `"typescript": "~2.7.2", which I then updated to 2.9 but alas, the error persists!
Additionally, here is the complete package.json file for reference:
{
"name": "my-form",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@angular/animations": "^6.0.3",
"@angular/common": "^6.0.3",
"@angular/compiler": "^6.0.3",
"@angular/core": "^6.0.3",
"@angular/forms": "^6.0.3",
"@angular/http": "^6.0.3",
"@angular/platform-browser": "^6.0.3",
"@angular/platform-browser-dynamic": "^6.0.3",
"@angular/router": "^6.0.3",
"core-js": "^2.5.4",
"rxjs": "^6.0.0",
"zone.js": "^0.8.26"
},
"devDependencies": {
"@angular/compiler-cli": "^6.0.3",
"@angular-devkit/build-angular": "~0.6.8",
"typescript": "~2.7.2",
"@angular/cli": "~6.0.8",
"@angular/language-service": "^6.0.3",
"@types/jasmine": "~2.8.6",
"@types/jasminewd2": "~2.0.3",
"@types/node": "~8.9.4",
"codelyzer": "~4.2.1",
"jasmine-core": "~2.99.1",
"jasmine-spec-reporter": "~4.2.1",
"karma": "~1.7.1",
"karma-chrome-launcher": "~2.2.0",
"karma-coverage-istanbul-reporter": "~2.0.0",
"karma-jasmine": "~1.1.1",
"karma-jasmine-html-reporter": "^0.2.2",
"protractor": "~5.3.0",
"ts-node": "~5.0.1",
"tslint": "~5.9.1"
}
}