Angular 错误 : No provider for ObservableMedia

Question

我正在尝试使用 ObservableMedia。应用程序编译成功但在浏览器控制台中我看到此错误

ERROR Error: No provider for ObservableMedia! at injectionError (core.es5.js:1169) at noProviderError (core.es5.js:1207)

这是我的代码

import { Component , OnInit, ViewChild} from '@angular/core';    
    import {Observable} from 'rxjs/Rx';
    import {MediaChange, ObservableMedia} from "@angular/flex-layout";

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css'],

})
export class AppComponent implements OnInit {


constructor(
  public media: ObservableMedia) {

 }

  routeLinkClick() {
    if (!this.media.isActive('gt-xs')) {
      this.sidenav.toggle();
    }
  }

请帮忙。谢谢

Answer 1

在 flex-layout 版本 7.0.0-beta.20 和更高版本中，ObservableMedia 被 MediaObserver 取代。

media-observer:ObservableMedia 现在已弃用，因为预期会出现 RxJS v7。新的 API 称为 MediaObserver，提供与 ObservableMedia 完全相同的功能，只是您不能直接订阅它，

开发者应该订阅 MediaObserver 的 media$ 属性；代替直接订阅 ObservableMedia。- 引自 https://github.com/angular/flex-layout/blob/master/CHANGELOG.md

在我进行更改之后，截至今天，它在最新版本上没有任何问题:

"@angular/core": "^7.1.1",
"@angular/flex-layout": "^7.0.0-beta.23",
"rxjs": "^6.3.3",
"rxjs-compat": "^6.3.3"