Angular 6: Failed to compile project (Typescript errors in charting_library folder)

Hello, I want to integrate charting library to my Angular 6 project. I followed angular 5 integration steps from this page

I put _chartinglibrary and datafeeds folders to /assets folder.

When I tryng serve I'm getting below typescript errors.

How can I fix below errors? Thanks.

ERROR in src/assets/charting_library/charting_library.d.ts(442,66): error TS1005: '>' expected.
src/assets/charting_library/charting_library.d.ts(442,82): error TS1011: An element access expression should take an argument.
src/assets/charting_library/charting_library.d.ts(442,84): error TS1109: Expression expected.
src/assets/charting_library/charting_library.d.ts(443,1): error TS1128: Declaration or statement expected.
src/assets/charting_library/charting_library.d.ts(634,28): error TS1005: ';' expected.
src/assets/charting_library/charting_library.d.ts(634,35): error TS1011: An element access expression should take an argument.
src/assets/charting_library/charting_library.d.ts(635,1): error TS1128: Declaration or statement expected.
src/assets/charting_library/charting_library.d.ts(820,46): error TS1005: ',' expected.
src/assets/charting_library/charting_library.d.ts(820,54): error TS1005: ',' expected.
src/assets/charting_library/charting_library.d.ts(821,32): error TS1005: ',' expected.
src/assets/charting_library/charting_library.d.ts(821,40): error TS1005: ',' expected.
...
...
...

package.json:

{
  "name": "frontend",
  "version": "0.0.0",
  "license": "MIT",
  "scripts": {
    "ng": "ng",
    "prestart": "rm -rf ./dist",
    "start": "ng serve",
    "prebuild": "rm -rf ./dist",
    "build": "ng build",
    "postbuild": "./prepare-dist.sh",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e",
    "doc": "rimraf ./documentation && mkdir documentation && compodoc -p ./tsconfig.json -s -w"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^6.1.7",
    "@angular/cdk": "^6.4.7",
    "@angular/common": "^6.1.7",
    "@angular/compiler": "^6.1.7",
    "@angular/core": "^6.1.7",
    "@angular/forms": "^6.1.7",
    "@angular/http": "^6.1.7",
    "@angular/material": "^6.4.7",
    "@angular/material-moment-adapter": "^6.4.7",
    "@angular/platform-browser": "^6.1.7",
    "@angular/platform-browser-dynamic": "^6.1.7",
    "@angular/router": "^6.1.7",
    "@ngx-loading-bar/core": "^4.1.1",
    "@ngx-loading-bar/http-client": "^4.1.1",
    "@stomp/ng2-stompjs": "^6.0.1",
    "@stomp/stompjs": "^4.0.8",
    "angular2-csv": "^0.2.9",
    "angular2-qrcode": "^2.0.1",
    "angular2-text-mask": "^9.0.0",
    "bignumber.js": "^7.2.1",
    "blueimp-canvas-to-blob": "^3.14.0",
    "buffer": "^5.2.1",
    "chart.js": "^2.7.2",
    "core-js": "^2.5.7",
    "font-awesome": "^4.7.0",
    "iban": "0.0.10",
    "jquery": "^3.5.1",
    "libphonenumber-js": "^1.7.49",
    "moment": "^2.22.2",
    "ng-click-outside": "^4.0.0",
    "ng2-charts": "^1.6.0",
    "ng2-img-max": "^2.1.18",
    "ng2-img-tools": "^1.1.5",
    "ng2-semantic-ui": "^0.9.7",
    "ngx-clipboard": "^11.1.7",
    "ngx-cookie-service": "^2.1.0",
    "ngx-iban": "^2.2.0",
    "ngx-scrollbar": "^1.5.7",
    "ngx-slickjs": "^1.5.0",
    "ngx-smart-modal": "^7.0.3",
    "ngx-swiper-wrapper": "^6.4.0",
    "ngx-toastr": "^9.0.2",
    "rxjs": "^6.3.2",
    "rxjs-compat": "^6.3.2",
    "semantic-ui-calendar": "0.0.8",
    "sockjs-client": "^1.1.5",
    "sweetalert2": "^7.26.26",
    "text-mask-addons": "^3.8.0",
    "vanilla-text-mask": "^5.1.1",
    "wallet-address-validator": "^0.1.7",
    "web-animations-js": "^2.3.1",
    "worker-timers": "^7.0.21",
    "zone.js": "^0.8.26"
  },
  "devDependencies": {
    "@angular-builders/custom-webpack": "^2.3.0",
    "@angular-devkit/architect": "^0.7.4",
    "@angular-devkit/build-angular": "^0.13.2",
    "@angular-devkit/core": "^0.7.4",
    "@angular/cli": "^6.2.1",
    "@angular/compiler-cli": "^6.1.7",
    "@angular/language-service": "^6.1.7",
    "@compodoc/compodoc": "^1.1.9",
    "@types/jasmine": "^2.8.8",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "^4.0.0",
    "codelyzer": "^4.4.4",
    "gulp": "^4.0.2",
    "gulp-clone": "^1.1.3",
    "jasmine-core": "^3.2.1",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "^3.0.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "^2.0.3",
    "karma-jasmine": "^1.1.2",
    "karma-jasmine-html-reporter": "^1.3.1",
    "less": "^2.7.3",
    "protractor": "^5.4.0",
    "semantic-ui": "^2.4.2",
    "ts-node": "~7.0.1",
    "tslint": "~5.11.0",
    "typescript": "^2.9.2"
  }
}

tsconfig.json file:


{
  "compileOnSave": false,
  "compilerOptions": {
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "allowSyntheticDefaultImports": true,
    "target": "es5",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2017",
      "dom"
    ]
  }
}

tradingview / charting-library-examples

Angular 6: Failed to compile project (Typescript errors in charting_library folder) #223

package.json:

tsconfig.json file: