Angular 独立组件（使用 LoadComponent）- 延迟加载服务不工作

Question

服务无法在组件中运行。并且控制台上没有错误。保持组件继续加载。当我从组件中删除服务时，它开始正常工作。延迟加载组件中的服务延迟加载存在一些问题。请帮忙。

我的服务是Timingscreen.service.ts文件

import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root'
})
export class TimingscreenService {}

我的路由文件是

export const routes: Routes = [
{
    path: 'timingscreen',
    loadComponent: () => import('./screens/timingscreen/timingscreen.component').then(c => c.TimingscreenComponent),
    title: 'Timing screen',
}]

和我的组件 timingscreen.component.ts

import { Component, Inject, OnDestroy, OnInit, effect, inject } from '@angular/core';
import { TimingscreenService } from '../../services/timingscreen.service';
        @Component({
      selector: 'app-timingscreen',
      standalone: true,
      imports: [],
      providers: [TimingscreenService],
      templateUrl: './timingscreen.component.html',
      styleUrl: './timingscreen.component.scss'
    })
    export class TimingscreenComponent implements OnInit, OnDestroy {
    private timingService = inject(TimingscreenService)
    }

Answer 1

该问题是由于 SSR 造成的。它已在我的另一个问题中得到修复，请查看 由于 Observable 订阅，Angular 组件未在浏览器中加载