낭만 프로그래머

Kendo UI Angular 에서 PdfViewer 사용시 에러 본문

Javascript/Angular

Kendo UI Angular 에서 PdfViewer 사용시 에러

조영래 2023. 6. 13. 10:37

[발생 에러]
Error: node_modules/pdfjs-dist/types/src/display/text_layer.d.ts:119:41 - error TS2304: Cannot find name 'OffscreenCanvasRenderingContext2D'.

[해결 방법]
Step 1.  package.json 파일 수정
    - devDependencies에 "@types/offscreencanvas": "2019.7.0" 추가

"devDependencies": {
  "@angular-devkit/build-angular": "^14.2.9",
  "@angular/cli": "~14.2.9",
  "@angular/compiler-cli": "^14.2.0",
  "@types/jasmine": "~4.0.0",
  "jasmine-core": "~4.3.0",
  "karma": "~6.4.0",
  "karma-chrome-launcher": "~3.1.0",
  "karma-coverage": "~2.2.0",
  "karma-jasmine": "~5.1.0",
  "karma-jasmine-html-reporter": "~2.0.0",
  "typescript": "~4.7.2",
  "@types/offscreencanvas": "2019.7.0"
}

Step 2. tsconfig.app.json 파일 수정
    - types에 "offscreencanvas" 추가

/* To learn more about this file see: https://angular.io/config/tsconfig. */
{
  "extends": "./tsconfig.json",
  "compilerOptions": {
    "outDir": "./out-tsc/app",
    "types": [
      "offscreencanvas"
    ]
  },
  "files": [
    "src/main.ts",
    "src/polyfills.ts"
  ],
  "include": [
    "src/**/*.d.ts"
  ]
}