错误TypeError: Observable_1.Observable.from不是函数

Question

我在使用@select()和异步管道下载课程https://rutracker.org/forum/viewtopic.php?t=5433232时遇到了问题，在6课时，我发现了这个问题，然后一切都正常了。

..........................................................................................................................app.component.ts

import {Component} from '@angular/core';
import {NgRedux, select} from 'ng2-redux';
import {IAppState} from './store';
import {INCREMENT} from './actions';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent {
  title: 'app';
  @select() counter;

  constructor(private ngRedux: NgRedux<IAppState>) {
  }

  increment() {
    this.ngRedux.dispatch({type: INCREMENT});
  }

}

app.component.html

<h1>{{title}}</h1>

<p>Counter: {{counter | async}}</p>

<button (click)="increment()">Increment</button>

app.module.ts

import {BrowserModule} from '@angular/platform-browser';
import {NgModule} from '@angular/core';

import {AppComponent} from './app.component';
import {CommonModule} from '@angular/common';
import {NgReduxModule, NgRedux} from 'ng2-redux';
import {IAppState, INITIAL_STATE, rootReducer} from './store';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    CommonModule,
    BrowserModule,
    NgReduxModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {
  constructor(ngRedux: NgRedux<IAppState>) {
    ngRedux.configureStore(rootReducer, INITIAL_STATE);
  }
}

actions.ts

export const INCREMENT = 'INCREMENT';

store.ts

import {INCREMENT} from './actions';

export interface IAppState {
  counter: number;
}

export const INITIAL_STATE: IAppState = {
  counter: 0
};

export function rootReducer(state: IAppState, action): IAppState {
  switch (action.type) {
    case INCREMENT:
      return {counter: state.counter + 1};
  }
  return state;
}

Answer 1

有两种建议的解决方法：

A)覆盖TypeScript编译器选项。将下面的路径部分添加到src/tsconfig.app.json中的compilerOptions：

{
    "compilerOptions": {
        "paths": {
            "rxjs/internal/Observable": [
                "../node_modules/rxjs/_esm5/internal/Observable"
            ]
        }
    }
}

B)在6.2.x锁定RxJS版本您可以通过发出以下命令将您的应用程序锁定到未受影响的6.2.x版本的rxjs：

npm install --save rxjs@6.2 rxjs-compat@6.2