platform_browser_dynamic_1.bootstrap ist keine Funktion + Winkel 2

Question

war alles in Ordnung arbeiten & plötzlich nicht sicher, warum ich diese Störung erhalte:

TypeError: platform_browser_dynamic_1.bootstrap is not a function

Im Folgenden meine Komponente:

import { Component, Input, Output, EventEmitter, ViewChild, ElementRef, AfterViewInit } from '@angular/core'; 
import { Http, HTTP_PROVIDERS, Headers, Response } from '@angular/http'; 
import { Observable } from 'rxjs/Rx'; 
import { ContactService } from '../../services/contactService'; 
// Initialize jquery 
declare var $:JQueryStatic; 

@Component({ 
    selector: 'login', 
    pipes: [], 
    providers: [ContactService], 
    directives: [], 
    styles: [String(require('../../../../../static/v4/angular/scss/login.scss')),], 
    templateUrl: '../../../../../templates/v4/angular/login/login.html' 
}) 
export class Login { 
    @ViewChild('spreadsheetTable') el:ElementRef; 
    public statctUrl = STATIC_URL; 
    constructor(private contactService: ContactService) {} 

    ngOnInit() { 
    } 
} 

bearbeiten : Hier ist meine Bootstrapping-Datei main.ts (von RC4 -> RC5):

import {LocationStrategy, HashLocationStrategy} from '@angular/common'; 
import {bootstrap, platformBrowserDynamic} from '@angular/platform-browser-dynamic'; 
import {HTTP_PROVIDERS} from '@angular/http'; 

import {APP_ROUTER_PROVIDERS} from './app/app.routes'; 
import {AppModule} from './app/app.module'; 

platformBrowserDynamic().bootstrapModule(AppModule, [ 
    HTTP_PROVIDERS, 
    APP_ROUTER_PROVIDERS, 
    { provide: LocationStrategy, useClass: HashLocationStrategy } 
]) 
.catch(err => console.error(err)); 

Answer 1

Sie können @angular/platform-browser-dynamic von der RC5-Version von Angular2 verwenden.

• Install Module NPM mit

  npm install @angular/{core,common,compiler,platform-browser,platform-browser-dynamic} --save 
  

• Import und verwenden das Modul

  import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 
  import { AppModule } from './app/app.module'; 
  
  platformBrowserDynamic().bootstrapModule(AppModule); 
  

Answer 2

platform_browser_dynamic_1.platformBrowserDynamic is not a function.

Dies bedeutet nur, dass Angular2 diese Funktion nicht erkennen. Wie Thierry sagte, müssen Sie ordnungsgemäß auf Angular2 RC5 aktualisieren. Das bedeutet, dass Sie alle benötigten Pakete in Ihrer package.json-Datei aktualisieren müssen.

Meine package.json Datei mit den letzten Versionen ist wie die Suche:

"dependencies": { 
    "@angular/common": "2.0.0-rc.5", 
    "@angular/compiler": "2.0.0-rc.5", 
    "@angular/core": "2.0.0-rc.5", 
    "@angular/forms": "0.3.0", 
    "@angular/http": "2.0.0-rc.5", 
    "@angular/platform-browser": "2.0.0-rc.5", 
    "@angular/platform-browser-dynamic": "2.0.0-rc.5", 
    "@angular/router": "3.0.0-rc.1", 
    "@angular/router-deprecated": "2.0.0-rc.2", 
    "@angular/upgrade": "2.0.0-rc.5", 

    "angular2-in-memory-web-api": "0.0.15", 

    "systemjs": "0.19.36", 
    "core-js": "^2.4.0", 
    "reflect-metadata": "^0.1.3", 
    "rxjs": "5.0.0-beta.11", 
    "zone.js": "^0.6.12" 
    }, 

Sie können tun, als Thierry gesagt, und manuell aktualisieren alle Pakete, oder Sie können ein Werkzeug für die Verwendung als Gut. Ich empfehle die Verwendung npm-check-updates: https://www.npmjs.com/package/npm-check-updates.

Typing ncu zeigt mir, welche Pakete aktualisiert werden müssen, und ncu -u werden die latests Versionen für jedes Paket.

Danach, wenn Sie es richtig gemacht haben, und wenn Sie die neuen Angular2 RC5 NgModule richtig konfiguriert haben, sollte Ihre App genauso wie zuvor funktionieren.

Hoffe, das hilft.