为什么Angular路由器会调用错误组件和路由的ngOnInit？
Angular路由器会调用错误组件和路由的ngOnInit的原因可能有以下几点：
- 路由配置错误：在路由配置中，可能存在错误的路径或者组件名称。当路由器无法匹配到正确的路径时，会调用错误组件。
- 路由守卫：路由守卫是Angular提供的一种机制，用于在路由导航过程中进行权限验证或其他操作。如果路由守卫返回了一个错误的结果，路由器可能会调用错误组件。
- 异步加载模块：在Angular中，可以使用异步加载模块的方式来延迟加载某些模块。如果在加载模块的过程中发生了错误，路由器可能会调用错误组件。
- 组件初始化错误：在组件的ngOnInit生命周期钩子函数中，可能存在错误的逻辑或者调用。当路由器创建组件实例并调用ngOnInit时，如果发生了错误，路由器可能会调用错误组件。
针对以上可能的原因，可以通过以下方式进行排查和解决：
- 检查路由配置：确保路由配置中的路径和组件名称是正确的，可以通过查看路由配置文件来确认。
- 检查路由守卫：如果使用了路由守卫，确保守卫返回正确的结果。可以在守卫中添加日志输出或者调试断点来查看守卫的执行情况。
- 检查异步加载模块：如果使用了异步加载模块的方式，可以检查加载模块的代码是否正确，并确保加载的模块能够成功加载和初始化。
- 检查组件初始化逻辑：在错误组件和路由组件的ngOnInit中，检查可能存在的错误逻辑或者调用。可以通过添加日志输出或者调试断点来查看初始化过程中的错误。
如果以上排查方法无法解决问题，可以尝试使用Angular提供的调试工具来进一步定位错误的原因。另外，建议参考腾讯云的Angular相关文档和教程，以获取更多关于Angular路由器的使用和调试技巧。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云人工智能平台（AI Lab）：https://cloud.tencent.com/product/ai
- 腾讯云物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发平台（MTP）：https://cloud.tencent.com/product/mtp
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙服务（Tencent Cloud Metaverse）：https://cloud.tencent.com/product/metaverse
相关·内容
3回答
为什么Angular路由器会调用错误组件和路由的ngOnInit？
angular、angular-router
我有一个Angular应用程序。 我认识到，一个页面的一些网络请求也会在所有其他页面上执行。我做了一些调查，发现我的一个组件(route: invoices，component: RechnungenComponent)的ngOnInit方法也在其他页面上被调用，没有任何明显的原因。我激活了路由器跟踪，它显示以下内容： Router Event: NavigationStart vendor.js:134357:37
Router Event: RoutesRecogn
浏览 36提问于2019-05-21得票数 0
回答已采纳
2回答
每次我更改路由时，ngOnInit都会调用
javascript、angular
我有一个控制器实现了OnInit，这里的问题是每当我改变路由并返回到相同的组件时，每次都会调用ngOnInit。我做错了什么，我不能understand.Anybody请帮帮我。testList:Array<Test>; ngOnInit
浏览 2提问于2017-07-21得票数 3
1回答
RC4 angular2中的路径导航问题
angular、angular2-routing
我对RC4路由器的行为有一个问题，因为我已经将angular2版本从beta升级到了RC4。html的一部分，并将路由器导航调用到相同的组件。最近在angular2中进行了升级，如果在实例化组件时已经调用了to相同组件的ngOnInit，则不会调用它。
我必须在路由之后再次实例化相同的组件，以支持我的<
浏览 1提问于2016-07-20得票数 2
1回答
路由angular2:什么都没有出现
routing、angular
我试图用Angular2实现基本的路由，但没有成功:-D实际上，我甚至没有错误，我只是在页面上什么也没有(这无助于我调试问题^^)。我所做的是：
在主组件的模板中添加一个“路由器-出口”元素。主组件实现"ngOnInit</e
浏览 3提问于2016-05-16得票数 0
回答已采纳
4回答
Angular 6嵌套模板视图
angular、angular6
我是Angular的新手(我正在使用Angular 6)，我想在我的布局视图中定义一些“插入内容块”。LayoutComponent, use_as_body_component: BodyComponent,
} 我能做这样的事吗我可能使用了错误的方法，但这就是我所想象的工作方式。如果有更好的方法，我也想知道。编辑： 我的想
浏览 55提问于2018-08-03得票数 4
回答已采纳
6回答
父组件从ActivatedRoute获取空参数
angular、typescript
我有一个主要部件，里面有一个路由器插座。在加载到路由器出口中的组件中，我获取url参数，如下所示： // _route is injected ActivatedRoute
this.我不明白为什么作为嵌套组件，param对象中包含数据，并且我试图以完全相同的方式访问它。没有错误要继续，param对象只是空的。为什么我
浏览 8提问于2017-03-22得票数 38
回答已采纳
1回答
全局ExceptionHandler中的Angular 2重定向
angularjs
我正在尝试实现一个将用户重定向到错误页面的ExceptionHandler。为此，我需要像这样注入一个路由器对象：class RedirectExceptionHandler extends ExceptionHandler {
constructor_new (http://localhost:1080/node_modules/@angular/core/src/di/reflective_injector.js:613:
浏览 0提问于2016-06-28得票数 1
3回答
每次我使用路由导航到组件时，角http取取
javascript、angular
每次使用路由导航到组件时，我都使用6.1.3角度HTTP抓取。我对角质很陌生。import { HttpClient } from '@angular/common/http'; private httpDataGette
浏览 0提问于2018-08-23得票数 0
回答已采纳
2回答
如何对相对路径进行字符串操作
angular、typescript
我想创建一个链接，供用户点击以验证他们的电子邮件。要做到这一点，我需要创建链接。如何将this.router转换为字符串？我还需要检索用户的用户id。如果不可能，我可以创建一个传入相对路径的字符串吗？let loginRoute = this.router.navigateByUrl(".
浏览 0提问于2019-05-16得票数 0
1回答
Angular2:在Safari中在history.back()之后加载组件时不调用ngOnInit
angular、angular2-routing
我使用的是angular2普通js。Page1Component = ng.core selector: 'page1',
tem
浏览 2提问于2016-04-08得票数 1
8回答
角4 ngOnInit未在router.navigate之后调用
angular、typescript、ngoninit
我有3个选项卡，其中一个选项卡显示了一个包含员工列表的表。当使用http从服务器加载第一个time.ngOnInit文件时，效果很好。employee组件已经加载，除非我重新编译代码，否则我将无法看到插入到表中的新记录。当我提交表单时，它会转到我的API中，然后被重定向回employee组件，但是数据并没有按应该更新的方式更新。
我为这么小的职位感到抱歉。我对这个网站有点陌生。然而，我想指出的是，我已经理解了导致错误
浏览 8提问于2017-06-02得票数 24
6回答
如何在角2中将路由数据导入应用程序组件
javascript、angular、typescript、angular-routing
我在应用程序路由模块中定义了一些路由数据，如下所示： {path: '', component: LoginComponent, data{PageName:"Login Page"}]}]
我希望全局地获取数据，以便在app.component.ts中使用app.component.ts获取与app.component.ts重定向相关的信息
浏览 4提问于2017-04-20得票数 25
回答已采纳
1回答
在Angular 2中使用传递变量的路由？
angular、routes、components、router
我有两个组件。在fisrt中，我得到了一个输入值，我想路由到第二个组件，用传递输入值。在第二个组件中，我想打印这个输入值。/core';import { Router } from '@angular/router';import { analyzeAndValidateNgModules
浏览 0提问于2020-04-08得票数 0
2回答
当我在Angular中路由时，为什么守卫没有被触发？
angular
我创建了惰性路由:一个用于app shell模块，另一个用于auth模块。 当我点击登录，然后我重定向到shell应用程序，这是好的。但是当我点击注销并重定向到主路由(为了触发守卫)时，似乎守卫并没有调用。 我怎么知道的？因为单击注销后看不到控制台输出。 它甚至没有触发守卫，这就是问题所在。所以我不会重定向到登录页面。因此，我创建了一个简单的应用程序，在这里和codesandbox.io中演示问题 import { BrowserModule } from "@angu
浏览 75提问于2021-09-11得票数 1
1回答
Angular2路由器和OnInit
angular、router
最近，我开始在使用Angular2路由器时遇到困难。问题是在router-outlet之外的组件会调用它们的ngOnInit方法。但是router-outlet中的组件不会。我拼凑了一些柱塞，但不能重现问题。这就是问题所在。结果，我找出了问题所在(在我读到的其他一些东
浏览 1提问于2016-04-01得票数 0
2回答
路由器出口的角度2延迟渲染
javascript、angular、typescript
我正在开发一个具有多个组件的Angular 2应用程序，这些组件依赖于一些通过http-service从服务器加载的数据(关于用户及其角色的数据)。我的大多数路由组件都会在ngOnInit()方法中抛出错误，如果这些数据还没有加载的话。数据被加载并存储在注入到所有组件中的服务中。有没有办法在我的root-component中延迟当前路由<
浏览 0提问于2016-12-08得票数 3
2回答
所有页面通用的Angular ngOnInit
angular、angular2-routing、ngoninit
有没有一种方法可以在Angular应用程序的每个页面上执行通用的ngOnInit()？而不是写在每一页上： private app: AppComponent) {}
this.app.doCommonStuffForEachPage();我只想写一次这段代码，当路由器打开
浏览 0提问于2018-01-04得票数 0
1回答
如何显示角2中悬停的下一次和前一次数据
angular、ngroute
我正在构建一个简单的角度二应用程序。一切都很好。在Project中，下一个和前一个在用户单击时正常工作，它在视图中显示下一个和以前的数据。但问题是，当我悬停下一个或上一个按钮时，它应该在浏览器底部URL中显示下一个或以前的数据。<div class="prev-btn">
浏览 4提问于2017-03-05得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
