要解决Angular Flex的MediaObserver和ObservableMedia导入问题，你需要按照以下步骤操作：

1. 首先，确保在你的项目中正确安装了Angular Flex。可以通过运行以下命令进行安装：

   npm install @angular/flex-layout
   

2. 在你的组件中，导入所需的模块和类。在顶部添加以下导入语句：

   import { MediaObserver, MediaChange } from '@angular/flex-layout';
   import { ObservableMedia } from '@angular/flex-layout';
   

3. 在组件的构造函数中注入MediaObserver和ObservableMedia：

   constructor(private mediaObserver: MediaObserver, private observableMedia: ObservableMedia) { }
   

4. 现在你可以使用MediaObserver和ObservableMedia来监听媒体查询并响应变化。以下是一个示例代码，演示如何订阅媒体查询变化：

   import { Component, OnInit } from '@angular/core';
   import { MediaObserver, MediaChange } from '@angular/flex-layout';
   
   @Component({
     selector: 'app-my-component',
     templateUrl: './my-component.component.html',
     styleUrls: ['./my-component.component.css']
   })
   export class MyComponentComponent implements OnInit {
     constructor(private mediaObserver: MediaObserver) { }
   
     ngOnInit() {
       this.mediaObserver.media$.subscribe((change: MediaChange) => {
         console.log(change.mqAlias); // 打印当前媒体查询别名
         console.log(change.mediaQuery); // 打印当前媒体查询
       });
     }
   }
   

   在上述示例中，我们订阅了media$可观察对象，并在每次媒体查询变化时打印了别名和媒体查询。

通过按照上述步骤导入和使用MediaObserver和ObservableMedia，你应该能够成功解决Angular Flex的MediaObserver和ObservableMedia导入问题。