Блог

Я пытаюсь подключиться redux-remotedev к своему mobx-angular проекту. Я следую документации mobx-remotedev здесь и документам о том, как использовать ее с Angular здесь , но я не смог это организовать.

мое приложение.модуль:

 import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { MobxAngularModule } from 'mobx-angular';
import remotedev from 'mobx-remotedev';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { ChildComponent } from './child/child.component';
import {MobxStore} from './store/mobx-store';

@NgModule({
  declarations: [
    AppComponent,
    ChildComponent,    
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    MobxAngularModule
  ],
  providers: [
    { provide: MobxStore, useClass: remotedev(MobxStore, { global: true }), deps: []}
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }
 

мой мобильный магазин:

 import { Injectable } from '@angular/core';
import { makeObservable, observable, computed, action, flow } from "mobx";

@Injectable()
export class MobxStore {
  number1 = 0;
  constructor() {
    makeObservable(this, {
      number1: observable,
      setNumber1: action
      })
  }
  
  setNumber1() {
    this.number1  ;
  }
}
 

Я также добавил эту строку в polyfills.ts:

 (window as any).global = window;
 

Ошибок нет, состояние работает как ожидалось, но remotedev не подключен.

заранее благодарю вас, ребята, за вашу помощь!