Sentry-javascript: Angular 6 앱을 λΉŒλ“œν•  λ•Œ 였λ₯˜κ°€ λ°œμƒν–ˆμŠ΅λ‹ˆλ‹€.

에 λ§Œλ“  2019λ…„ 11μ›” 21일  Β·  3μ½”λ©˜νŠΈ  Β·  좜처: getsentry/sentry-javascript

νŒ¨ν‚€μ§€ + 버전

  • [X] @sentry/browser
  • [ ] @sentry/node
  • [ ] raven-js
  • [ ] raven-node _(λ…Έλ“œμš© 레이븐)_
  • [ ] λ‹€λ₯Έ:

버전:

5.9.1

μ„€λͺ…

μ•ˆλ…•ν•˜μ„Έμš”, μ €λŠ” "@sentry/browser": "^5.0.6" μ‚¬μš©ν•˜λŠ” Angular 6 ν”„λ‘œμ νŠΈκ°€ μžˆμŠ΅λ‹ˆλ‹€. 이 ν”„λ‘œμ νŠΈλŠ” GitLab CI 도ꡬλ₯Ό μ‚¬μš©ν•˜μ—¬ ν…ŒμŠ€νŠΈλ₯Ό μ‹€ν–‰ν•˜κ³  λ°°ν¬ν•˜κΈ° μœ„ν•œ 도컀 이미지λ₯Ό λΉŒλ“œν•©λ‹ˆλ‹€. 였늘 μž‘μ—…μ„ μ‹œμž‘ν•˜λ €κ³  μ‹œλ„ν–ˆμ§€λ§Œ λ‹€μŒ 였λ₯˜ μ½”λ“œμ™€ ν•¨κ»˜ typescript λΉŒλ“œκ°€ μ‹€νŒ¨ν–ˆμŠ΅λ‹ˆλ‹€.

ERROR in node_modules/@sentry/utils/dist/misc.d.ts(89,48): error TS2304: Cannot find name 'unknown'.

κ°€μž₯ μ΄μƒν•œ 점은 λ§ˆμ§€λ§‰μœΌλ‘œ μž‘μ—…μ„ μ‹€ν–‰ν•  λ•Œ(10μ›” 2일) λͺ¨λ“  것이 μ •μƒμ΄μ—ˆκ³  κ·Έ μ΄ν›„λ‘œ ν”„λ‘œμ νŠΈ 및 κ΅¬μ„±μ˜ ν•œ 쀄도 λ³€κ²½ν•˜μ§€ μ•Šμ•˜λ‹€λŠ” κ²ƒμž…λ‹ˆλ‹€.

μ–΄λ–€ λ‹¨μ„œκ°€ μžˆμŠ΅λ‹ˆκΉŒ? 정말 바보같은 짓인건 ν™•μ‹€ν•©λ‹ˆλ‹€...

우리의 package.json은 λ‹€μŒκ³Ό κ°™μŠ΅λ‹ˆλ‹€.

{
  "name": "tool-front",
  "version": "0.0.1",
  "license": "MIT",
  "scripts": {
    "ng": "ng",
    "start": "ng serve --disable-host-check --host=0.0.0.0",
    "build": "ng build",
    "test": "ng test",
    "lint": "./node_modules/eslint/bin/eslint.js \"./src/**/*.ts\" --quiet",
  },
  "private": true,
  "dependencies": {
    "angular2-query-builder": "0.3.1",
    "@angular/animations": "^6.1.10",
    "@angular/cdk": "^6.3.2",
    "@angular/common": "^6.1.10",
    "@angular/compiler": "^6.1.10",
    "@angular/core": "^6.1.10",
    "@angular/flex-layout": "6.0.0-beta.16",
    "@angular/forms": "^6.1.10",
    "@angular/http": "^6.1.10",
    "@angular/material": "^6.4.7",
    "@angular/material-moment-adapter": "^6.4.7",
    "@angular/platform-browser": "^6.1.10",
    "@angular/platform-browser-dynamic": "^6.1.10",
    "@angular/router": "^6.1.10",
    "@asymmetrik/ngx-leaflet": "^4.0.0",
    "@sentry/browser": "^5.9.1",
    "@sentry/types": "^5.7.1",
    "@sentry/typescript": "^5.7.1",
    "@zxing/ngx-scanner": "1.3.0",
    "deepmerge": "^3.2.0",
    "font-awesome": "^4.7.0",
    "hammerjs": "^2.0.8",
    "leaflet": "^1.3.1",
    "mat-progress-buttons": "^6.0.1",
    "moment": "^2.22.2",
    "ng-dynamic-component": "^4.0.2",
    "ng2-file-upload": "^1.3.0",
    "ng2-nvd3": "^2.0.0",
    "ngx-init": "^0.1.0",
    "ngx-mat-select-search": "^1.2.0",
    "ngx-papaparse": "^3.0.2",
    "rxjs": "6.2.2",
    "uuid": "^3.3.2",
    "zone.js": "^0.8.26"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.7.0",
    "@angular/cli": "6.2.8",
    "@angular/compiler-cli": "^6.1.10",
    "@angular/language-service": "^6.1.10",
    "@types/jasmine": "~2.5.53",
    "@types/jasminewd2": "^2.0.6",
    "@types/leaflet": "^1.2.0",
    "@types/node": "~6.0.101",
    "@typescript-eslint/eslint-plugin": "^1.9.0",
    "@typescript-eslint/parser": "^1.4.2",
    "codelyzer": "^4.4.2",
    "concurrently": "^3.5.1",
    "eslint": "^5.15.1",
    "eslint-config-prettier": "^4.1.0",
    "jasmine-core": "~2.6.2",
    "jasmine-spec-reporter": "~4.1.0",
    "json-server": "^0.12.1",
    "karma": "~1.7.0",
    "karma-chrome-launcher": "~2.1.1",
    "karma-cli": "~1.0.1",
    "karma-coverage-istanbul-reporter": "^1.4.1",
    "karma-jasmine": "^1.1.2",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "~5.1.2",
    "ts-node": "~3.2.0",
    "tslint": "~5.7.0",
    "typescript": "~2.9.0",
    "webpack": "^4.28.3"
  }
}

그리고 우리의 tsconfig.json

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

κ°μ‚¬ν•©λ‹ˆλ‹€. μΆ”κ°€ 정보가 ν•„μš”ν•˜λ©΄ λ¬Όμ–΄λ³΄μ„Έμš”.

νŽΈμ§‘: λ¬Όλ‘ , Sentry 버전을 μ΅œμ‹  버전(5.9.1 및 λ™μΌν•œ κ²°κ³Όλ₯Ό μ–»μ—ˆμŒ)으둜 μ—…λ°μ΄νŠΈν•˜λ €κ³  ν–ˆμŠ΅λ‹ˆλ‹€.

Needs Information Discussion

κ°€μž₯ μœ μš©ν•œ λŒ“κΈ€

@franciscovelez λ‹€μŒκ³Ό 같이 unknown μœ ν˜•μ„ μ„ μ–Έν•˜μ—¬ μ‰½κ²Œ ν•΄κ²°ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

declare global {
  type unknown = any
}

μ›ν•˜λŠ” 경우 더 μ •ν™•ν•˜κ²Œ ooor:

export type mixed = { [key: string]: any } | object | number | string | boolean | symbol | undefined | null | void

declare global {
  type unknown = mixed
}

λͺ¨λ“  3 λŒ“κΈ€

unknown λŠ” Typescript 3μ—μ„œ λ„μž…λœ μœ ν˜•μ΄λ©° Typescript 2λ₯Ό μ‚¬μš©ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€. ν•˜μ§€λ§Œ SDK v4 μ΄ν›„λ‘œ μ½”λ“œλ² μ΄μŠ€μ— unknown μ°Έμ‘°κ°€ μžˆμœΌλ―€λ‘œ μ–΄λ–»κ²Œ λ˜λŠ”μ§€ 잘 λͺ¨λ₯΄κ² μŠ΅λ‹ˆλ‹€. 전에 당신을 μœ„ν•΄ 일할 수 μžˆμŠ΅λ‹ˆκΉŒ? πŸ€”

μ•ˆλ…•ν•˜μ„Έμš” kamilogorek, λ§μ”€ν•˜μ‹  λŒ€λ‘œ TypeScript 2.9λ₯Ό μ‚¬μš©ν•©λ‹ˆλ‹€. λ‚˜λŠ” 였늘 npmκ³Ό sentry/browser 버전을 가지고 λ†€μ•˜κ³  그것이 λ‚˜λ₯Ό μœ„ν•΄ μž‘λ™ν•˜λŠ” λ§ˆμ§€λ§‰ 버전은 @sentry/browser: 5.6.3 . npm(https://www.npmjs.com/package/@sentry/browser)μ—μ„œ μΆœμ‹œ 내역을 ν™•μΈν–ˆλŠ”λ° λ§ˆμ§€λ§‰ 배포에 μ„±κ³΅ν•œ 지 일주일 후에 @sentry/browser: 5.7.0 κ°€ μΆœμ‹œλ˜μ—ˆμœΌλ―€λ‘œ λͺ¨λ“  것이 이해가 λ©λ‹ˆλ‹€. λ‚˜μ—κ²Œ.

μ§€κΈˆμ€ νŒ¨ν‚€μ§€λ₯Ό 5.6.3 λ²„μ „μœΌλ‘œ μœ μ§€ν•˜κ² μŠ΅λ‹ˆλ‹€.

λ‹Ήμ‹ μ˜ 도움을 μ£Όμ…”μ„œ κ°μ‚¬ν•©λ‹ˆλ‹€

@franciscovelez λ‹€μŒκ³Ό 같이 unknown μœ ν˜•μ„ μ„ μ–Έν•˜μ—¬ μ‰½κ²Œ ν•΄κ²°ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

declare global {
  type unknown = any
}

μ›ν•˜λŠ” 경우 더 μ •ν™•ν•˜κ²Œ ooor:

export type mixed = { [key: string]: any } | object | number | string | boolean | symbol | undefined | null | void

declare global {
  type unknown = mixed
}
이 νŽ˜μ΄μ§€κ°€ 도움이 λ˜μ—ˆλ‚˜μš”?
0 / 5 - 0 λ“±κΈ‰