angular2 TypeError:无法设置未定义的属性“名称"

编程入门行业动态更新时间:2024-10-26 08:24:23

本文介绍了angular2 TypeError:无法设置未定义的属性“名称"的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！问题描述

我有一个在Mac OS上创建并运行的Angular2项目.但是当我在Windows上将其git时，它无法运行. 在Chrome中，出现此错误:

I have an Angular2 project, created at Mac OS and it running. But when I git it at Windows, it can not run. In Chrome, i get this error:

core.umd.js:3491 EXCEPTION: Uncaught (in promise): TypeError: Cannot set property 'name' of undefined TypeError: Cannot set property 'name' of undefined at new EmptyError (localhost:3000/node_modules/rxjs/util/EmptyError.js:21:30) at FirstSubscriber._complete (localhost:3000/node_modules/rxjs/operator/first.js:148:31) at FirstSubscriber.Subscriberplete (localhost:3000/node_modules/rxjs/Subscriber.js:114:18) at MergeAllSubscriber._complete (localhost:3000/node_modules/rxjs/operator/mergeAll.js:94:30) at MergeAllSubscriber.Subscriberplete (localhost:3000/node_modules/rxjs/Subscriber.js:114:18) at MapSubscriber.Subscriber._complete (localhost:3000/node_modules/rxjs/Subscriber.js:132:26) at MapSubscriber.Subscriberplete (localhost:3000/node_modules/rxjs/Subscriber.js:114:18) at EmptyObservable._subscribe (localhost:3000/node_modules/rxjs/observable/EmptyObservable.js:69:24) at EmptyObservable.Observable.subscribe (localhost:3000/node_modules/rxjs/Observable.js:45:27) at Observable._subscribe (localhost:3000/node_modules/rxjs/Observable.js:103:28) at MapOperator.call (localhost:3000/node_modules/rxjs/operator/map.js:54:23) at Observable.subscribe (localhost:3000/node_modules/rxjs/Observable.js:42:22) at Observable._subscribe (localhost:3000/node_modules/rxjs/Observable.js:103:28) at MergeAllOperator.call (localhost:3000/node_modules/rxjs/operator/mergeAll.js:63:23) at Observable.subscribe (localhost:3000/node_modules/rxjs/Observable.js:42:22) core.umd.js:3496 ORIGINAL STACKTRACE:ErrorHandler.handleError @ core.umd.js:3496next @ core.umd.js:8449schedulerFn @ core.umd.js:4118SafeSubscriber.__tryOrUnsub @ Subscriber.ts:238SafeSubscriber.next @ Subscriber.ts:190Subscriber._next @ Subscriber.ts:135Subscriber.next @ Subscriber.ts:95Subject.next @ Subject.ts:61EventEmitter.emit @ core.umd.js:4104NgZone.triggerError @ core.umd.js:4465onHandleError @ core.umd.js:4426ZoneDelegate.handleError @ zone.js:246Zone.runGuarded @ zone.js:129_loop_1 @ zone.js:429drainMicroTaskQueue @ zone.js:438ZoneTask.invoke @ zone.js:349 core.umd.js:3497 Error: Uncaught (in promise): TypeError: Cannot set property 'name' of undefined TypeError: Cannot set property 'name' of undefined at new EmptyError (EmptyError.ts:14) at FirstSubscriber._complete (first.ts:161) at FirstSubscriber.Subscriberplete (Subscriber.ts:122) at MergeAllSubscriber._complete (mergeAll.ts:91) at MergeAllSubscriber.Subscriberplete (Subscriber.ts:122) at MapSubscriber.Subscriber._complete (Subscriber.ts:144) at MapSubscriber.Subscriberplete (Subscriber.ts:122) at EmptyObservable._subscribe (EmptyObservable.ts:74) at EmptyObservable.Observable.subscribe (Observable.ts:98) at Observable._subscribe (Observable.ts:158) at MapOperator.call (map.ts:50) at Observable.subscribe (Observable.ts:96) at Observable._subscribe (Observable.ts:158) at MergeAllOperator.call (mergeAll.ts:61) at Observable.subscribe (Observable.ts:96) at resolvePromise (zone.js:486) [angular] at resolvePromise (zone.js:471) [angular] at :3000de_modules/zone.js/dist/zone.js:520:17 [angular] at Object.onInvokeTask (core.umd.js:4396) [angular] at ZoneDelegate.invokeTask (zone.js:274) [angular] at Zone.runTask (zone.js:151) [<root> => angular] at drainMicroTaskQueue (zone.js:418) [<root>] at XMLHttpRequest.ZoneTask.invoke (zone.js:349) [<root>]ErrorHandler.handleError @ core.umd.js:3497next @ core.umd.js:8449schedulerFn @ core.umd.js:4118SafeSubscriber.__tryOrUnsub @ Subscriber.ts:238SafeSubscriber.next @ Subscriber.ts:190Subscriber._next @ Subscriber.ts:135Subscriber.next @ Subscriber.ts:95Subject.next @ Subject.ts:61EventEmitter.emit @ core.umd.js:4104NgZone.triggerError @ core.umd.js:4465onHandleError @ core.umd.js:4426ZoneDelegate.handleError @ zone.js:246Zone.runGuarded @ zone.js:129_loop_1 @ zone.js:429drainMicroTaskQueue @ zone.js:438ZoneTask.invoke @ zone.js:349 zone.js:405 Unhandled Promise rejection: TypeError: Cannot set property 'name' of undefined(…) ; Zone: angular ; Task: Promise.then ; Value: TypeError: Cannot set property 'name' of undefined(…) undefined

在Firefox中，出现此错误:

In Firefox, I get this error:

EXCEPTION: Uncaught (in promise): TypeError: err is undefined EmptyError@localhost:3000/node_modules/rxjs/util/EmptyError.js:21:9 FirstSubscriber.prototype._complete@localhost:3000/node_modules/rxjs/operator/first.js:148:31 Subscriber.prototypeplete@localhost:3000/node_modules/rxjs/Subscriber.js:114:13 MergeAllSubscriber.prototype._complete@localhost:3000/node_modules/rxjs/operator/mergeAll.js:94:13 Subscriber.prototypeplete@localhost:3000/node_modules/rxjs/Subscriber.js:114:13 Subscriber.prototype._complete@localhost:3000/node_modules/rxjs/Subscriber.js:132:9 Subscriber.prototypeplete@localhost:3000/node_modules/rxjs/Subscriber.js:114:13 EmptyObservable.prototype._subscribe@localhost:3000/node_modules/rxjs/observable/EmptyObservable.js:69:13 Observable.prototype.subscribe@localhost:3000/node_modules/rxjs/Observable.js:45:22 Observable.prototype._subscribe@localhost:3000/node_modules/rxjs/Observable.js:10[…] ORIGINAL STACKTRACE: core.umd.js:3496:17 resolvePromise@localhost:3000/node_modules/zone.js/dist/zone.js:486:31 [angular] resolvePromise@localhost:3000/node_modules/zone.js/dist/zone.js:471:17 [angular] scheduleResolveOrRejectlocalhost:3000/node_modules/zone.js/dist/zone.js:520:17 [angular] NgZone</NgZone.prototype.forkInnerZoneWithAngularBehavior/this.inner<.onInvokeTask@localhost:3000/node_modules/@angular/core/bundles/core.umd.js:4396:32 [angular] ZoneDelegate.prototype.invokeTask@localhost:3000/node_modules/zone.js/dist/zone.js:274:21 [angular] Zone.prototype.runTask@localhost:3000/node_modules/zone.js/dist/zone.js:151:28 [<root> => angular] drainMicroTaskQueue@localhost:3000/node_modules/zone.js/dist/zone.js:418:25 [<root>] ZoneTask/this.invoke@localhost:3000/node_modules/zone.js/dist/zone.js:349:25 [<root>] core.umd.js:3497:17 Unhandled Promise rejection: TypeError: err is undefined 堆栈跟踪： [object Object] ; Zone: angular ; Task: Promise.then ; Value: TypeError: err is undefined 堆栈跟踪： [object Object] undefined zone.js:405:13 Object { message: "Uncaught (in promise): TypeError: err is undefined EmptyError@localhost:3000/node_modules/rxjs/util/EmptyError.js:21:9 FirstSubscriber.prototype._complete@localhost:3000/node_modules/rxjs/operator/first.js:148:31 Subscriber.prototypeplete@localhost:3000/node_modules/rxjs/Subscriber.js:114:13 MergeAllSubscriber.prototype._complete@localhost:3000/node_modules/rxjs/operator/mergeAll.js:94:13 Subscriber.prototypeplete@localhost:3000/node_modules/rxjs/Subscriber.js:114:13 Subscriber.prototype._complete@localhost:3000/node_modules/rxjs/Subscriber.js:132:9 Subscriber.prototypeplete@localhost:3000/node_modules/rxjs/Subscriber.js:114:13 EmptyObservable.prototype._subscribe@localhost:3000/node_modules/rxjs/observable/EmptyObservable.js:69:13 Observable.prototype.subscribe@localhost:3000/node_modules/rxjs/Observable.js:45:22 Observable.prototype._subscribe@localhost:3000/node_modules/rxjs/Observable.js:103:16 MapOpe"[…], originalStack: "ZoneAwareError@localhost:300…", zoneAwareStack: "resolvePromise@localhost:300…", stack: "resolvePromise@localhost:300…", rejection: TypeError, promise: Object, zone: Object, task: Object }

为什么? 这是我的代码:

Why? These is my code:

app.module.ts

import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { CookieService } from 'angular2-cookie/core'; import './rxjs-operators'; import { LoginModule } from './login/login.module'; import { HomeModule } from './home/home.module'; import { AppComponent } from './appponent'; import { LoadingComponent } from './loading/loadingponent'; import { NavigationComponent } from './navigation/navigationponent'; import { LoginTransferService } from './service/transfer/login-transfer.service'; import { AppRoutingModule } from './app-routing.module'; import { AppRouteGuardsService } from './app-route-guards.service'; @NgModule({ imports: [ BrowserModule, AppRoutingModule, LoginModule, HomeModule, ], declarations: [ AppComponent, LoadingComponent, NavigationComponent, ], providers: [ CookieService, AppRouteGuardsService, LoginTransferService ], bootstrap: [ AppComponent ] }) export class AppModule { }

appponent.ts

import { Component } from '@angular/core'; import './rxjs-operators'; @Component({ selector: 'my-app', template: ` <ArrowIMWP-navigation></ArrowIMWP-navigation> <router-outlet></router-outlet> `, styleUrls: ['app/appponent.css'] }) export class AppComponent { }

app-routing.module.ts

import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; import { LoadingComponent } from './loading/loadingponent'; import { AppRouteGuardsService } from './app-route-guards.service'; const routes: Routes = [{ path: '', component: LoadingComponent, canActivate : [ AppRouteGuardsService ] }]; @NgModule({ imports: [ RouterModule.forRoot(routes) ], exports: [ RouterModule ] }) export class AppRoutingModule {}

app-route-guards.service.ts

import { Injectable } from '@angular/core'; import { Router, CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router'; import { CookieService } from 'angular2-cookie/core'; @Injectable() export class AppRouteGuardsService implements CanActivate { constructor(private cookieService:CookieService, private router:Router) {}; canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) { let tempIsLogined = this.cookieService.getObject("ArrowIMWP-IsLogined"); if (tempIsLogined && tempIsLogined == true) { if (state.url == "/") { this.router.navigate(['/home']); return false; } return true; }else { if (state.url == "/login") { return true; } this.router.navigate(['/login']); return false; } } }

navigationponent.ts

import { Component, OnInit } from '@angular/core'; import { Router } from '@angular/router'; import { CookieService } from 'angular2-cookie/core'; import { LoginTransferService } from '../service/transfer/login-transfer.service'; @Component({ moduleId: module.id, selector: 'ArrowIMWP-navigation', templateUrl: 'navigationponent.html', styleUrls: ['navigationponent.css'] }) export class NavigationComponent implements OnInit { isShowNavigationItems = false; constructor( private router:Router, private cookieService:CookieService, private loginTransferService:LoginTransferService ) { let tempIsLogined = cookieService.getObject("ArrowIMWP-IsLogined"); if (tempIsLogined && tempIsLogined == true) { this.isShowNavigationItems = true; }else { this.isShowNavigationItems = false; } loginTransferService.loginSuccessed$.subscribe( data => { console.log(data); if (data == "Logined") { this.isShowNavigationItems = true; } } ) } }

import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { CookieService } from 'angular2-cookie/services/cookies.service'; import '../rxjs-operators'; import { LoginComponent } from './loginponent'; import { LoginRoutingModule } from './login-routing.module'; import { LoginRouteGuardsService } from './login-route-guards.service'; @NgModule({ imports: [ BrowserModule, LoginRoutingModule ], declarations: [ LoginComponent ], providers: [ CookieService, LoginRouteGuardsService ], bootstrap: [ LoginComponent ] }) export class LoginModule {}

loginponent.ts

import { Component, OnInit } from '@angular/core'; import { CookieService } from 'angular2-cookie/core'; import { Router } from '@angular/router'; import '../rxjs-operators'; import { LoginTransferService } from '../service/transfer/login-transfer.service'; @Component({ moduleId: module.id, selector: 'ArrowIMWP-login', templateUrl: 'loginponent.html', styleUrls : ['loginponent.css'] }) export class LoginComponent implements OnInit { constructor( private cookieService:CookieService, private router:Router, private loginTransferService:LoginTransferService ) {} loginButtonClicked() { this.cookieService.putObject("ArrowIMWP-IsLogined", true); this.router.navigate(['/home']); this.loginTransferService.loginSuccessedNext("Logined"); } }

import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; import { LoginComponent } from './loginponent'; import { LoginRouteGuardsService } from './login-route-guards.service'; @NgModule({ imports: [ RouterModule.forChild([{ path: 'login', component: LoginComponent, canActivate : [ LoginRouteGuardsService ] }]) ], exports: [ RouterModule ] }) export class LoginRoutingModule {}

import { Injectable, OnInit } from '@angular/core'; import { Router, CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router'; import { CookieService } from 'angular2-cookie/core'; @Injectable() export class LoginRouteGuardsService implements OnInit,CanActivate { constructor(private cookieService:CookieService, private router:Router) {}; canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) { let tempIsLogined = this.cookieService.getObject("ArrowIMWP-IsLogined"); if (tempIsLogined && tempIsLogined == true) { this.router.navigate(['/home']); return false; }else { return true; } } }

推荐答案

您在package.json中使用了zone.js 0.7.3吗?如果是这样，请更改为0.7.2尝试:

Did you use zone.js 0.7.3 in package.json? if so please change to 0.7.2 to try:

"zone.js": "0.7.2"

运行npm install尝试.

更多推荐

angular2 TypeError:无法设置未定义的属性“名称"

本文发布于:2023-11-22 23:19:24，感谢您对本站的认可！

本文链接:https://www.elefans.com/category/jswz/34/1619308.html