Angular 2 güncellemeden sonra Bu hatayı alıyorum: undefined özelliği 'zone' özelliği okunamıyor

Question

Sadece beta 9'dan beta 11'e (veya beta 10'a) ait açı 2'yi güncelledim ve şimdi bu hatayı konsolda angular2-polyfills.js:142'dadeğiştiriyorum kodlanacak bir şey.

hatadır konsol raporu angular2-polyfills.js:142 satır: Ben düz js kullanıyorum

task.zone.cancelTask(task); 

.

<script src="libs/es6-shim/es6-shim.min.js"></script> 
<script src="libs/angular/2.0.0-beta.11/angular2-polyfills.js"></script> 
<script src="libs/angular/2.0.0-beta.11/Rx.umd.js"></script> 
<script src="libs/angular/2.0.0-beta.11/angular2-all.umd.js"></script> 

Ve dış js den erişilebilir bir sınıfın bir yöntem haline getirmek kullanan tüm ngZone ilgili kod: index.html olarak

bu 4 js dosyaları içerir. Ayrıca, ngZone kullandığım tüm kodları da yorumlamaya çalışıyorum ve hata hala burada.

Bu hata nasıl oluşur ve bu hatayı nasıl düzeltebilirim?

Answer 1

Bölgeler ile ilgili beta11 ile ilgili bazı problemler var gibi görünüyor. angular.io web (https://angular.io/docs/ts/latest/) mesaja bakınız:

The current beta.11 release has known bugs relating to significant changes to the zones subsystem. All apps will report an error to the console:

Uncaught TypeError: Cannot read property 'zone' of undefined 

The app will run unimpeded but it is disconcerting. We hope to have this and other bugs repaired by beta.12. Thanks for your patience.

Answer 2

I-yaşamak sunucu için lite-sunucu değişti ve hata gitti. Ayrıca, uygulamadaki lite-server güncellemeleriyle sayfa yenileme yapılmadı, canlı sunucu sayfası otomatik olarak yenileniyor.

Answer 3

2.0.0-beta.12'de sorunun giderildiğini onaylıyorum.

Answer 4

angular2@2.0.0-beta.12'ye güncellendikten sonra, zone.js@^0.6.6 adresinizi güncellediğinizden emin olun ve bu bağımlılıkları güncelledikten sonra onaylayabiliyorum zone.js hatası kaybolacaktır . Umarım bu yardımcı olabilir! //: Bana gelince

Answer 5

main.ts yılında
impoting bölgesini (i son Açısal CLI kullanıyorum)

import { enableProdMode } from '@angular/core'; 
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 

// here 
import 'zone.js/dist/zone'; 

import 'rxjs/add/operator/map' 

import { AppModule } from './app/app.module'; 
import { environment } from './environments/environment'; 

if (environment.production) { 
    enableProdMode(); 
} 

platformBrowserDynamic().bootstrapModule(AppModule);