Question

在另一台计算机上安装我的应用程序后，我确实在浏览器端出现错误：

Uncaught无效的提供者 - 只允许Provider和Type的实例，得到：[object Object]

这似乎与提供商的错误引导有关。但似乎没有错。知道什么是错的吗？

包

"@angular/common": "^2.0.0-rc.4",
"@angular/compiler": "2.0.0-rc.4",
"@angular/core": "2.0.0-rc.4",
"@angular/forms": "^0.2.0",
"@angular/platform-browser": "2.0.0-rc.4",
"@angular/platform-browser-dynamic": "2.0.0-rc.4",
"@angular/router": "^3.0.0-beta.2",
"angular2-meteor": "^0.6.2",
"angular2-meteor-auto-bootstrap": "^0.6.0",
"angular2-meteor-polyfills": "^0.1.1",
"angular2-pagination": "^0.2.1",
"core-js": "^2.4.0",
"es6-shim": "^0.35.1",
"hammerjs": "^2.0.8",
"jquery": "^3.0.0",
"meteor-node-stubs": "~0.2.0",
"reflect-metadata": "0.1.2",
"route-matcher": "^0.1.0",
"rxjs": "5.0.0-beta.6",
"zone.js": "^0.6.12"

代码

import 'reflect-metadata';
import 'zone.js/dist/zone';
import { bootstrap } from 'angular2-meteor-auto-bootstrap';
import { Component, provide, PLATFORM_DIRECTIVES } from '@angular/core';
import { disableDeprecatedForms, provideForms } from '@angular/forms';
import { APP_BASE_HREF } from '@angular/common';
import { provideRouter, RouterConfig, Routes, ROUTER_DIRECTIVES } from '@angular/router';

import { Home } from '../imports/business/home';

export const routes: Routes = [{ path: '',  component: Home, data: {prettyName: 'Accueil'} }];

@Component({
  moduleId: module.id,
  selector: 'app',
  template: require('./app.html').default,
  directives: [ROUTER_DIRECTIVES],
})class App{}


bootstrap(App, [
  disableDeprecatedForms(),
  provideForms(),
  provideRouter(routes),
  provide(PLATFORM_DIRECTIVES, { useValue: [ROUTER_DIRECTIVES], multi: true })
]);

PS：这不是完全相同的版本，但此处引发了异常https://github.com/vicb/angular/blob/b8450fa68f704f5f7f0f119034f5e4242664b172/modules/angular2/src/core/di/provider.ts#L567

修改这显然与我更新的“@ angular / router”和“angular2-meteor-auto-bootstrap”版本有关。他们对rc.5有一些依赖关系，显然这个版本更改不能向后兼容我的应用程序。

如果有人有解释......

Answer 1

我遇到了同样的问题并回滚到@ angular / router-3.0.0-beta.2（升级到rc.1之后），在node_modules / @ angular / router上删除文件夹并安装beta.2，没有更改其他包并删除错误，并重新开始营业。在看了Angular Router Developer Documentation并注意到实质性的差异，以及angular / modules / @ angular / router github repo上的更改日志后，发生了重大变化，回滚是最快的修复。我的package.json和app.component.ts / main.ts基本相似。我一直在关注这个帖子：Bootstrapping Process for RC5并且已经做了一些初步尝试来更新新结构，但还没有取得很大进展。不确定这是否有帮助，因为您的包指示相同的@ angular / router版本。

包裹：

   "@angular/common": "^2.0.0-rc.4",
    "@angular/compiler": "^2.0.0-rc.4",
    "@angular/core": "^2.0.0-rc.4",
    "@angular/forms": "^0.3.0",
    "@angular/platform-browser": "^2.0.0-rc.4",
    "@angular/platform-browser-dynamic": "^2.0.0-rc.4",
    "@angular/router": "^3.0.0-beta.2",
    "@angular2-material/button": "^2.0.0-alpha.7-2",
    "@angular2-material/card": "^2.0.0-alpha.7-2",
    "@angular2-material/core": "^2.0.0-alpha.7-2",
    "@ngrx/core": "^1.0.1",
    "@ngrx/router": "^1.0.0-beta.2",
    "adm-zip": "^0.4.7",
    "angular2-blaze-template": "^0.0.1",
    "angular2-file-drop": "^0.0.3",
    "angular2-meteor": "^0.6.2",
    "angular2-meteor-auto-bootstrap": "^0.6.0",
    "angular2-meteor-polyfills": "^0.1.1",
    "angular2-notifications": "^0.2.6",
    "es6-shim": "^0.35.1",
    "meteor-node-stubs": "^0.2.3",
    "moment": "^2.14.1",
    "ng2-uploader": "^0.5.10",
    "reflect-metadata": "^0.1.8",
    "rxjs": "^5.0.0-beta.11",
    "superagent": "^2.1.0",
    "typings": "^1.3.2",
    "zone.js": "^0.6.12"

代码：

'use-strict';
import 'reflect-metadata';
import { Component, provide } from '@angular/core';
import { APP_BASE_HREF } from '@angular/common';
import { bootstrap } from 'angular2-meteor-auto-bootstrap';
import {disableDeprecatedForms, provideForms} from '@angular/forms';
import { provideRouter, RouterConfig, ROUTER_DIRECTIVES } from '@angular/router';
import { LoginButtons } from './imports/accounts-ui/login-buttons';
import { APP_ROUTER_PROVIDERS, authProvider } from './app.routes';




import template from './app.html';

@Component({
  selector: 'app',
  template,
  directives: [ROUTER_DIRECTIVES, LoginButtons]
})



export class Socially {
}
bootstrap(Socially, [APP_ROUTER_PROVIDERS, authProvider, provide(APP_BASE_HREF, { useValue: '/' })]);

未捕获的无效提供者 - 仅允许Provider和Type的实例，得到：[object Object]

1 个答案: