Как устранить ошибку «Компонент _AppComponent не помечен как автономный, но Angular ожидает здесь автономный компонент»?

Я нахожусь в процессе миграции моего проекта с Angular 9.1 на Angular 18.1, но я сталкиваюсь со следующей ошибкой во время компиляции:

NG0907: компонент _AppComponent не помечен как автономный, но Angular ожидает здесь автономный компонент. Убедитесь, что компонент _AppComponent имеет флаг 'standalone: ​​true' в декораторе.

Ниже приведены соответствующие части моего проекта:

Вот: файл main.ts

Вот: файл main.server.ts

Вот: файл app.component.ts

Вот: файл app.module.ts

Я подозреваю, что проблема может быть связана с тем, как Angular 18.1 обрабатывает начальную загрузку, но я не уверен, как ее решить. Любые рекомендации были бы очень признательны.

import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { AppModule } from './app/app.module';
import { environment } from './environments/environment';

if (environment.production) {
  enableProdMode();
}

platformBrowserDynamic().bootstrapModule(AppModule)
  .catch(err => console.error(err));
import { bootstrapApplication } from '@angular/platform-browser';
import { AppComponent } from './app/app.component';
import { config } from './app/app.config.server';

const bootstrap = () => bootstrapApplication(AppComponent, config);

export default bootstrap;
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css'],
  providers: [
    {
      provide: MAT_DATE_FORMATS,
      useFactory: (sharedService: SharedService) => sharedService.getDateFormat(),
      deps: [SharedService],
    }
  ]
})
export class AppComponent implements OnInit, AfterViewInit { }

AppConfigService,
    {
      provide: APP_INITIALIZER,
      useFactory: initConfig,
      deps: [AppConfigService],
      multi: true
    },
    {
      provide: HTTP_INTERCEPTORS,
      useClass: InterceptorService,
      multi: true
    },
    CanDeactivateGaurdService

  ],
  bootstrap: [AppComponent],

})
export class AppModule { }
Василий
Вопрос задан12 сентября 2024 г.

1 Ответ

2
Порфирий
Ответ получен3 сентября 2024 г.

Ваш ответ

Загрузить файл.