1. Home
  2. Forum
  3. Angular - EJ 2
  4. error updating angular 8

error updating angular 8

Hi recently I wanted to update the project to angular 8 and I had the following problem





app module imports 

  imports: [
    BrowserAnimationsModule,
    BrowserModule,
    ReactiveFormsModule,
    FormsModule,
    ReactiveFormsModule,
    AutoCompleteModule,
    AppRoutingModule,
    HttpClientModule,
    SwitchModule,
    ComboBoxModule,
    MultiSelectModule,
    DropDownListModule ,
    NumericTextBoxModule,
    TextBoxModule,
    CheckBoxModule,
    RadioButtonModule,
    TranslateModule.forRoot({
      loader: {
        provide: TranslateLoader,
        useFactory: (http: HttpClient) => {
          return new TranslateHttpLoader(http);
        },
        deps: [ HttpClient ]
      }
    }),
    GridModule,
    GridAllModule,
    AccordionModule,
    SwitchModule,
    DateTimePickerModule,
    NgbDatepickerModule,
    DatePickerModule,
    TooltipModule,
    DlDateTimePickerModule,
    DlDateTimeDateModule,
    DlDateTimeInputModule,
    DialogModule,
    TimePickerModule,
    GanttModule,
    TabModule
  ],






package json:

{
  "name": "xm-sio-web",
  "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": "^8.2.14",
    "@angular/cdk": "^8.2.3",
    "@angular/common": "~8.2.14",
    "@angular/compiler": "~8.2.14",
    "@angular/core": "~8.2.14",
    "@angular/forms": "~8.2.14",
    "@angular/material": "^8.2.3",
    "@angular/platform-browser": "~8.2.14",
    "@angular/platform-browser-dynamic": "~8.2.14",
    "@angular/router": "~8.2.14",
    "@aspnet/signalr": "^1.1.4",
    "@boldreports/angular-reporting-components": "^1.2.7",
    "@fortawesome/fontawesome-free": "^5.8.1",
    "@ngx-translate/core": "^11.0.1",
    "@ngx-translate/http-loader": "^4.0.0",
    "@syncfusion/ej2": "^17.1.47",
    "@syncfusion/ej2-angular-buttons": "^17.1.47",
    "@syncfusion/ej2-angular-calendars": "^17.1.47",
    "@syncfusion/ej2-angular-dropdowns": "17.1.44",
    "@syncfusion/ej2-angular-gantt": "^17.3.27",
    "@syncfusion/ej2-angular-grids": "^17.1.44",
    "@syncfusion/ej2-angular-inputs": "^17.1.47",
    "@syncfusion/ej2-angular-navigations": "^17.3.27",
    "@syncfusion/ej2-angular-pdfviewer": "^17.2.36",
    "@syncfusion/ej2-angular-popups": "^17.3.27",
    "@syncfusion/ej2-buttons": "^17.1.47",
    "@syncfusion/ej2-data": "17.1.42",
    "@syncfusion/ej2-grids": "^17.1.44",
    "@syncfusion/ej2-inputs": "^17.1.47",
    "@syncfusion/reporting-angular": "^4.1.16",
    "bootstrap-datetimepicker-npm": "^4.17.37-npm",
    "core-js": "^2.5.4",
    "font-awesome": "^4.7.0",
    "jquery": "^3.4.0",
    "jquery-ui": "^1.12.1",
    "moment": "^2.24.0",
    "popper.js": "^1.15.0",
    "rxjs": "~6.5.4",
    "single-spa-angular": "^3.1.0",
    "ts": "^0.2.2",
    "tslib": "^1.10.0",
    "zone.js": "~0.9.1"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.803.25",
    "@angular/cli": "~8.3.25",
    "@angular/compiler-cli": "~8.2.14",
    "@angular/language-service": "~8.2.14",
    "@boldreports/types": "^1.2.7",
    "@types/ej.web.all": "^17.1.1",
    "@types/jasmine": "~2.8.8",
    "@types/jasminewd2": "~2.0.3",
    "@types/jquery": "^3.3.30",
    "@types/node": "^8.10.48",
    "codelyzer": "^5.0.1",
    "jasmine-core": "~2.99.1",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~4.0.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "~2.0.1",
    "karma-jasmine": "~1.1.2",
    "karma-jasmine-html-reporter": "^0.2.2",
    "karma-mocha-reporter": "^2.2.5",
    "protractor": "~5.4.0",
    "ts-node": "~7.0.0",
    "tslint": "~5.11.0",
    "typescript": "~3.5.3"
  }
}


1 Reply
IS Indrajith Srinivasan Syncfusion Team February 19, 2020 01:55 PM UTC

Hi Juan, 
 
Greetings from Syncfusion support, 
 
We have validated your reported query, we suspect that the issue raises due to missing configuration. could you please try to set the target property as ‘es5’ in the tsconfig.json file to resolve your issue? The target issue seems common in Angular 8 and finds the reference link for it. 
 
 
We have also prepared a sample with Dialog in Angular 8. 
 
Can you please try out the above solution and let us know if you face any difficulties? 
 
Regards, 
Indrajith 


Loader.
Up arrow icon