Angular项目启动后<app-root>为空 报No provider for Compiler错误

执行ng serve后<app-root>为空、抛出NullInjectorError: No provider for Compiler!错误，核心是根模块app.module.ts存在两处基础配置遗漏，和你之前查阅的同类问题场景（多为版本兼容、JIT/AOT编译配置错误）无关：

• @NgModule的declarations数组漏声明启动入口组件AppComponent：当前数组仅声明了TimelineComponent、articleComponent，bootstrap数组引用的AppComponent未在模块内注册，Angular无法生成对应组件工厂
• 根模块未导入浏览器端必需的BrowserModule：所有浏览器运行的Angular应用，根模块必须引入BrowserModule，该模块负责提供DOM渲染、Compiler实例等核心运行时服务，缺失就会触发Compiler注入错误

1. 修正app.module.ts配置，补全缺失的导入、声明项，参考代码如下：

// 新增BrowserModule导入
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { AngularFireAuthModule, USE_EMULATOR as USE_AUTH_EMULATOR } from '@angular/fire/auth';
import { AngularFirestoreModule, USE_EMULATOR as USE_FIRESTORE_EMULATOR } from '@angular/fire/firestore';
import { AngularFireFunctionsModule, USE_EMULATOR as USE_FUNCTIONS_EMULATOR } from '@angular/fire/functions';
import { environment } from '../environments/environment';
import { AngularFireModule } from '@angular/fire';
import { AngularFireStorageModule } from '@angular/fire/storage';
import { TimelineComponent } from './timeline/timeline.component';
import { articleComponent } from './article/article.component';
import { AppRoutingModule } from './app-routing.module';
import { HttpClientModule } from '@angular/common/http';

@NgModule({
  declarations: [
    // 补全AppComponent声明
    AppComponent,
    TimelineComponent,
    articleComponent,
  ],
  imports: [
    // BrowserModule必须放在imports数组首位
    BrowserModule,
    AppRoutingModule,
    HttpClientModule,
    AngularFireModule.initializeApp(environment.firebase),
    AngularFirestoreModule,
    AngularFireStorageModule,
    AngularFireAuthModule,
    AngularFireFunctionsModule
  ],
  // 若你的appservice未使用@Injectable({providedIn: 'root'})装饰，需取消下一行注释加入服务声明
  // providers: [appservice],
  bootstrap: [AppComponent]
})
export class AppModule { }

2. 检查自定义服务配置：打开./services/services.ts文件，若appservice的@Injectable装饰器未配置providedIn: 'root'，按上述代码注释提示，在AppModule的providers数组中加入该服务，避免后续抛出服务注入错误。
3. 终止当前运行的ng serve进程，重新执行启动命令，清空浏览器缓存后刷新页面即可恢复正常渲染。

内容的提问来源于stack exchange，提问作者jjhhss