Angular项目添加Bootstrap后ng serve编译失败，求解决方案

错误根源 #

这些编译错误本质是依赖版本不兼容导致的，分为两个核心问题：

1. RxJS版本适配问题：你的项目使用了RxJS 6+版本，而旧版AngularFire2仍在使用RxJS 5.x的导入路径（比如直接从rxjs/Observable、rxjs/Subscription导入），但RxJS 6+已经将这些模块移到了rxjs核心包或需要通过兼容层来支持旧导入方式。
2. AngularFire2与Firebase版本不匹配：错误里提到的Namespace 'firebase' has no exported member 'firestore'，是因为你安装的Firebase版本过高，而当前使用的AngularFire2版本还不支持该版本的Firestore命名空间结构。

分步解决办法 #

1. 安装RxJS兼容层

运行以下命令安装rxjs-compat，它可以让旧版依赖（比如AngularFire2）继续使用RxJS 5的导入语法：

npm install rxjs-compat --save

2. 匹配AngularFire2与Firebase的兼容版本

由于你跟着的是Angular 5的教程，需要安装对应版本的AngularFire2和Firebase，避免版本冲突：
首先卸载现有的包：

npm uninstall angularfire2 firebase --save

然后安装兼容的版本组合：

npm install angularfire2@5.0.0-rc.6 firebase@5.0.4 --save

3. 验证模块配置

确保你的app.module.ts中AngularFire的初始化配置正确，示例如下：

import { AngularFireModule } from 'angularfire2';
import { AngularFireDatabaseModule } from 'angularfire2/database';
import { AngularFireAuthModule } from 'angularfire2/auth';

const firebaseConfig = {
  // 你的Firebase配置信息
  apiKey: "YOUR_API_KEY",
  authDomain: "YOUR_AUTH_DOMAIN",
  databaseURL: "YOUR_DATABASE_URL",
  projectId: "YOUR_PROJECT_ID",
  storageBucket: "YOUR_STORAGE_BUCKET",
  messagingSenderId: "YOUR_MESSAGING_SENDER_ID"
};

@NgModule({
  imports: [
    AngularFireModule.initializeApp(firebaseConfig),
    AngularFireDatabaseModule,
    AngularFireAuthModule
  ]
})
export class AppModule { }

完成以上步骤后，重新运行ng serve，应该就能正常编译了。

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