javascript – Angular2应用程序无法在Microsoft边缘工作
作者:互联网
我的angular2应用程序不适用于Microsoft边缘,而它在chrome和firefox上运行良好.
我看了this问题,但它没有帮助我.
我在Edge控制台上收到以下错误:
以下是package.json文件:
{
"name": "angular app",
"version": "1.0.0",
"scripts": {
"start": "concurrently \"tsc -w\" \"lite-server\" ",
"lite": "lite-server",
"tsc": "tsc",
"tsc:w": "tsc -w",
"publish": "gulp agnular_Production_Version"
},
"licenses": [
{
"type": "MIT",
"url": "https://github.com/angular/angular.io/blob/master/LICENSE"
}
],
"dependencies": {
"@angular/common": "~2.1.1",
"@angular/compiler": "~2.1.1",
"@angular/core": "~2.1.1",
"@angular/forms": "~2.1.1",
"@angular/http": "~2.1.1",
"@angular/platform-browser": "~2.1.1",
"@angular/platform-browser-dynamic": "~2.1.1",
"@angular/router": "~3.1.1",
"@angular/upgrade": "~2.1.1",
"angular-2-data-table": "0.1.0",
"angular-2-dropdown-multiselect": "^0.3.1",
"angular-in-memory-web-api": "~0.1.13",
"angular2-in-memory-web-api": "0.0.20",
"angular2-select": "^1.0.0-alpha.12",
"angular2-ui-switch": "^1.2.0",
"bootstrap": "^3.3.7",
"core-js": "^2.4.1",
"mydatepicker": "^2.0.13",
"ng2-bs3-modal": "^0.10.4",
"ng2-dnd": "^2.0.1",
"ng2-toasty": "^2.1.0",
"ng2-validation": "^2.0.0",
"reflect-metadata": "^0.1.8",
"rxjs": "5.0.0-beta.12",
"systemjs": "0.19.39",
"zone.js": "^0.6.25"
},
"devDependencies": {
"angular-2-dropdown-multiselect": "^0.3.1",
"concurrently": "^3.0.0",
"gulp": "^3.9.1",
"gulp-clean": "^0.3.2",
"gulp-concat": "^2.6.1",
"gulp-delete-lines": "^0.0.7",
"gulp-html-replace": "^1.6.1",
"gulp-insert-lines": "^0.0.4",
"gulp-minify-css": "^1.2.4",
"gulp-rebase-css-urls": "^0.0.2",
"gulp-shell": "^0.5.2",
"gulp-uglify": "^2.1.2",
"lite-server": "^2.2.2",
"pump": "^1.0.2",
"run-sequence": "^1.2.2",
"systemjs-builder": "^0.15.31",
"typescript": "^2.0.3",
"typings": "^1.3.2"
}
}
登录卫士
import { Injectable } from '@angular/core';
import { Router, CanActivate, CanDeactivate, ActivatedRouteSnapshot,
RouterStateSnapshot } from '@angular/router';
import { Observable } from 'rxjs/Observable';
@Injectable()
export class AuthGuard implements CanActivate, CanDeactivate<any> {
constructor(private router: Router) { }
canActivate(activeRoute: ActivatedRouteSnapshot, state: RouterStateSnapshot)
{
if (localStorage.getItem('jwttoken')) {
// logged in so return true
return true;
}
// not logged in so redirect to login page
this.router.navigate(['/login']);
return false;
}
canDeactivate(component: any): Observable<boolean> | boolean {
localStorage.setItem('previousRoute', this.router.url);
$('.zoomContainer').remove();
return true;
}
}
任何帮助将受到高度赞赏.
提前致谢.
解决方法:
最后发现问题出在LocalStorage上.
Microsoft边缘出了点问题,我在PowerShell中运行了以下命令,问题解决了:
Get-AppXPackage -AllUsers | Foreach {Add-AppxPackage -DisableDevelopmentMode -Register “$($_.InstallLocation)\AppXManifest.xml”}
标签:microsoft-edge,javascript,angular 来源: https://codeday.me/bug/20191008/1871314.html