Исправление ошибки синтаксиса в проекте Internet Explorer 11 + Angular 6+

Question

Я использую msal.js "@azure/msal-angular": "^0.1.2" в проектах Angular 6 и Angular 7 и получаю следующую ошибку:

SCRIPT1002: Syntax error
vendor.js (64379,1)

.js код в строке 64379

class AuthenticationResult {
constructor(token, tokenType) {
    this._token = "";
    this._tokenType = "";
    this._token = token;
    if (tokenType) {
        this._tokenType = tokenType;
    }
}
get token() {
    return this._token;
}
set token(value) {
    this._token = value;
}
get tokenType() {
    return this._tokenType;
}
set tokenType(value) {
    this._tokenType = value;
}}

Я добавил rxjs-compat модуль npm для поддержки Angular 6 +.

Попробовал следующее исправление для IE 11:

uncommented polyfills.ts

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

https://github.com/AzureAD/microsoft-authentication-library-for-js/wiki/Using-msal.js-with-Internet-Explorer

Answer 1

Это исправление работает на меня.

Проблема: Папка dist (@azure \ msal-angular \ dist) в пакете NPM @azure/msal-angular неправильно скомпилирована для IE11.

Fix: Перекомпилируйте файлы ts (https://github.com/AzureAD/microsoft-authentication-library-for-js/tree/dev/lib/msal-angular) и добавьте в свои проекты node_modules\@azure\msal-angular\dist

Steps

1. установка клона и npm https://github.com/AzureAD/microsoft-authentication-library-for-js/tree/dev/lib/msal-angular
2. npm run build:modules
3. скопировать вновь созданные файлы из lib-es6
4. вставка lib-es6 файлов в ваши угловые проекты node_modules\@azure\msal-angular\dist

npm start ваш угловой проект.

Answer 2

Это хорошо известная ошибка, которую разработчики планируют исправить в своей следующей версии @azure / msal-angular примерно на июль-сентябрь 2019 .

Источники:

• Тема Github об этой ошибке
• Дорожная карта, где дата начинается с

Answer 3

есть пакет msal npm, который работает в основном так же. Я использую это в моем угловом приложении 7.