angular - `ERROR RangeError: Maximum call stack size exceeded` - 无法从嵌套项目加载页面
问题描述
我正在尝试从嵌套项目加载页面,但出现错误:
ERROR RangeError: Maximum call stack size exceeded
- 有人在这里帮助我吗?
父母和孩子的应用程序都有app.component.html
-router-outlet
这会是一个问题吗?
我的项目应用名称(ibo-platform-service):
app-routing.module
:
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { HomeComponent } from './home/home.component';
const routes: Routes = [
{
path: 'home', component: HomeComponent
}
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
app.module.ts
:
import { BrowserModule } from '@angular/platform-browser';
import { NgModule, ModuleWithProviders } from '@angular/core';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { HomeComponent } from './home/home.component';
const providers = [];
@NgModule({
declarations: [
AppComponent,
HomeComponent
],
imports: [
BrowserModule,
AppRoutingModule
],
exports: [AppRoutingModule],
providers,
bootstrap: [AppComponent]
})
export class AppModule { }
@NgModule({})
export class App1SharedModule {
static forRoot(): ModuleWithProviders {
return {
ngModule: AppModule,
providers
};
}
}
我的主要应用程序路由器模块:
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { HomeComponent } from './home/home.component';
const routes: Routes = [
{
path: '', pathMatch: 'full', redirectTo: 'home'
},
{
path: 'home',
loadChildren: () => import('./../../projects/ibo-platform-service/src/app/app.module').then((m) => m.App1SharedModule)
}
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
app.module.ts:
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { HomeComponent } from './home/home.component';
import { App1SharedModule } from './../../projects/ibo-platform-service/src/app/app.module';
@NgModule({
declarations: [
AppComponent,
HomeComponent
],
imports: [
BrowserModule,
AppRoutingModule,
App1SharedModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
当我运行这个没有从嵌套项目应用程序加载页面时。得到一个错误:
ERROR RangeError: Maximum call stack size exceeded
at InnerSubscriber._error (InnerSubscriber.js:13)
at InnerSubscriber.error (Subscriber.js:55)
at CatchSubscriber._error (Subscriber.js:75)
at CatchSubscriber.error (Subscriber.js:55)
at CatchSubscriber.error (catchError.js:32)
at MergeMapSubscriber.notifyError (OuterSubscriber.js:7)
at InnerSubscriber._error (InnerSubscriber.js:14)
at InnerSubscriber.error (Subscriber.js:55)
at CatchSubscriber._error (Subscriber.js:75)
at CatchSubscriber.error (Subscriber.js:55)
有人解决这个问题吗?
解决方案
推荐阅读
- r - 在R中分离地理数据字符串
- oracle - 替换字符串Oracle plsql的最后一个字符
- ssl - Redis 6 TLS 支持和 Redis Sentinel
- c# - 如何将 WPF(C#) 应用程序连接到 Node.js API 路由?
- r - Foreach 组合错误,rbind 所有变量都应该具有相同的长度......但它们确实 [R]
- google-apps-script - onEdit 函数什么都不做
- c++ - 是否缺少必需的包含未定义行为?
- jquery - 数据表防止行被选择
- javascript - Webpack 不会将 CSS 输出到烧瓶文件夹中,最终为空
- html - 使用 beautifulsoup 将 html 表格转换为 CSV