错误范围错误：使用带有 Angular 11

如何解决错误范围错误：使用带有 Angular 11

我使用 Angular 元素创建了一个 webComponent，它是一个具有材质步进器的组件，第一步是在地图上选择一个点，第二步是填写表单（它没有导航）。这是 app.module 配置的一部分。

export class AppModule {
  constructor(private injector: Injector) {
    const elementCustom = createCustomElement(
      HomeComponent,{
        injector: this.injector
      }
    );
    customElements.define('lnk-app-photovoltaic',elementCustom);
  }
  ngdobootstrap(): void {
  }
}

新建一个简单的项目（NewApp1），没有额外的库，创建一个延迟加载的页面。在资产的 NewApp1 中，我创建了一个 apps / map-web-component 文件夹，并粘贴了已编译的 web-component

我已经按如下方式导入了

ts
        import { Component,OnInit } from '@angular/core';
        import 'src/assets/apps/photovoltaic-calculator/lnk-app-photovoltaic-calculator.js'
        @Component({
          selector: 'app-other-page',templateUrl: './other-page.component.html',styleUrls: ['./other-page.component.scss']
        })
        export class OtherPageComponent implements OnInit {
        
          constructor() { }
        
          ngOnInit(): void {
          }
    
    }

HTML

    <p>other-page works!</p>
    <lnk-app-photovoltaic></lnk-app-photovoltaic>

这超出了某些样式已被破坏的事实

我已经复制了这些步骤，在一个 angular 11 的大型项目中创建了一个新页面，但我收到了以下错误：

ERROR Error: Uncaught (in promise): RangeError: Maximum call stack size exceeded
RangeError: Maximum call stack size exceeded

谁能告诉我它可能是什么？在 webcomponent 中，我禁用了 IVY，但其他的很少