Блог

Я работаю с Angular 10 и последней вспомогательной службой JWT. Но приложение не компилируется.

Ошибка выглядит следующим образом: ERROR in node_modules/@auth0/angular-jwt/lib/jwthelper.service.d.ts Я искал похожие проблемы, но не смог найти ответа. Это происходит впервые.

Консоль также сообщает следующее: This likely means that the library (@auth0/angular-jwt) which declares JwtHelperService has not been processed correctly by ngcc, or is not compatible with Angular Ivy. Check if a newer version of the library is available, and update if so. Also consider checking with the library's authors to see if the library is expected to be compatible with Ivy

Я удалил папку пакета узла, сделал npm i , и ошибка сохраняется. Это означает, что вспомогательная служба несовместима с Angular 10?

Мой пакет JSON:

  "dependencies": {
    "@angular/animations": "~10.0.4",
    "@angular/cdk": "^10.2.3",
    "@angular/common": "~10.0.4",
    "@angular/compiler": "~10.0.4",
    "@angular/core": "~10.0.4",
    "@angular/forms": "~10.0.4",
    "@angular/localize": "~10.0.4",
    "@angular/material": "^10.2.3",
    "@angular/platform-browser": "~10.0.4",
    "@angular/platform-browser-dynamic": "~10.0.4",
    "@angular/router": "~10.0.4",
    "@auth0/angular-jwt": "^5.0.1",
    "@ng-bootstrap/ng-bootstrap": "^7.0.0",
    "bootstrap": "^4.5.0",
    "ng2-validation": "^4.2.0",
    "rxjs": "~6.5.5",
    "tslib": "^2.0.0",
    "zone.js": "~0.10.3"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.1000.3",
    "@angular/cli": "~10.0.3",
    "@angular/compiler-cli": "~10.0.4",
    "@types/node": "^12.11.1",
    "@types/jasmine": "~3.5.0",
    "@types/jasminewd2": "~2.0.3",
    "codelyzer": "^6.0.0",
    "jasmine-core": "~3.5.0",
    "jasmine-spec-reporter": "~5.0.0",
    "karma": "~5.0.0",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage-istanbul-reporter": "~3.0.2",
    "karma-jasmine": "~3.3.0",
    "karma-jasmine-html-reporter": "^1.5.0",
    "protractor": "~7.0.0",
    "ts-node": "~8.3.0",
    "tslint": "~6.1.0",
    "typescript": "~3.9.5"
  }
  

Любая помощь будет оценена

Это работает для меня — пример stackblitz. если вы посмотрите на вкладку сеть при нажатии кнопки, она добавила заголовок запроса авторизации, как и ожидалось.

Согласно библиотеке — если вы импортируете модуль JWT для root, он автоматически добавит заголовки авторизации. Вспомогательная служба JWT предназначена для автономного использования — https://www.npmjs.com/package/@auth0/angular-jwt .

Проверьте ссылку stackblitz, чтобы узнать, как она работает в приложении angular

обновите tsconfig.app.json с помощью:

«angularCompilerOptions»: { «enableIvy»: true }