잘못된 제공 catch되지 않은 - 공급자 및 유형의 인스턴스를 사용할 수 있습니다, 가지고 :

Question

다른 컴퓨터에 내 응용 프로그램을 설치 한 후 [개체 개체], 나는 브라우저 측의 오류에 도달 않습니다

catch되지 않은 잘못된 제공 업체 - 만 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

편집 이것은 분명히 연결되어 "@ angle/router"및 "angular2-meteor-auto-bootstrap"버전을 업데이트했습니다. 그들은 rc.5에 대한 의존성을 가지고 있었고 분명히이 버전의 변경은 내 앱과 호환되지 않습니다. 사람이 설명이있는 경우

...

Answer 1

저도 같은 문제가 발생하고 폴더를 삭제 (rc.1로 업그레이드 한 후) 다시 @ 각도/라우터-3.0.0-beta.2으로 롤백했다 node_modules/@ angular/router에서 베타 2를 설치하고 다른 패키지를 변경하지 않고 오류를 제거하고 다시 비즈니스로 돌아 왔습니다. 다음을 살펴본 후 : Angular Router Developer Documentation과 상당한 차이점을 지적하고 각도/모듈/@ 각도/라우터 github 저장소의 변경 로그뿐만 아니라 상당한 변화가 있었고 롤백이 가장 빠른 수정이었습니다. 내 package.json과 app.component.ts/main.ts는 실질적으로 유사합니다. 나는이 글을 다음과 같이 따라 갔다 : Bootstrapping Process for RC5 그리고 새로운 구조로 물건을 업데이트하기위한 몇 가지 예비 시도를했지만 아직 많이 진전되지는 않았다. 패키지가 동일한 @ 각도/라우터 버전을 나타내는 데 도움이되는지 확신 할 수 없습니다.

패키지 :

"@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: '/' })]);