我正在使用这个种子开发一个Angular 2项目:angular2-webpack-starter我也在使用@ ngrx / store& @ngrx/store-devtools
在引导期间,应用程序抛出错误:
zone.js:260 - Uncaught Invalid provider - only instances of Provider and Type are allowed, got: [object Object]
以下是我如何使用种子设置@ngrx:
vendor.browser.ts
// ngrx
import '@ngrx/core';
import '@ngrx/store';
import 'ngrx-store-router';
if ('production' === ENV) {
// Production
} else {
// Development
require('angular2-hmr');
require('@ngrx/store-devtools');
require('@ngrx/store-log-monitor');
}
browser-providers.ts
)// @ngrx/store
import { provideStore } from '@ngrx/store';
// @ngrx/devtools
import { instrumentStore } from '@ngrx/store-devtools';
import { useLogMonitor } from '@ngrx/store-log-monitor';
// link angular's router with ngrx/sotre
import { routerMiddleware } from 'ngrx-store-router';
// custom data for ngrx
import { REDUCERS, initialState } from '../app/shared/redux';
export const APPLICATION_PROVIDERS = [
// awesome redux implementation for angular
provideStore(REDUCERS, initialState),
instrumentStore({
monitor: useLogMonitor({
visible: true,
position: 'right'
})
}),
// link angular's router with ngrx/sotre
routerMiddleware,
//...
];
<ngrx-store-log-monitor toggleCommand="ctrl-h" positionCommand="ctrl-m"></ngrx-store-log-monitor>
。
简单。
但当console.log
instrumentStore()
返回时,我得到一个对象数组。但Angular需要和提供者阵列。
以下是我的软件包的版本:
如果这是一个问题,我会报告Github。但我不确定是否一切正确。
感谢。
答案 0 :(得分:1)
问题很简单。
我已将@ngrx/store
升级到版本2(2.0.1)并且可以正常运行。