Я нахожусь в процессе миграции моего проекта с 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 г.