#angular #compilation #ivy #jwt-auth
#angular #Сборник #ivy #jwt
Вопрос:
Я работаю с 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"
}
Любая помощь будет оценена
Ответ №1:
Это работает для меня — пример stackblitz. если вы посмотрите на вкладку сеть при нажатии кнопки, она добавила заголовок запроса авторизации, как и ожидалось.
Согласно библиотеке — если вы импортируете модуль JWT для root, он автоматически добавит заголовки авторизации. Вспомогательная служба JWT предназначена для автономного использования — https://www.npmjs.com/package/@auth0/angular-jwt .
Проверьте ссылку stackblitz, чтобы узнать, как она работает в приложении angular
Ответ №2:
обновите tsconfig.app.json с помощью:
«angularCompilerOptions»: { «enableIvy»: true }
Комментарии:
1. Все еще ошибка в консоли
Angular JIT compilation failed: '@angular/compiler' not loaded!