sirve que para internet angular typescript polyfills zonejs

que - Angular2 Final Release-"Error: Angular requiere Zone.js prolyfill"



zone.js npm (4)

Agregue import ''zone.js'' encima del archivo main.ts

Estaba tratando de incluir serviceWorkers.

He actualizado de RC4 a la versión final de Angular2. Cuando ejecuto npm start , la aplicación está bloqueada en ''Cargando ...'' el único error que recibo es sobre Zone.js:

Básicamente, typeof Zone no está definido:

Aquí está mi package.json:

"engines": { "node": ">= 4.2.1", "npm": "3.10.7" }, "dependencies": { "@angular/common": "2.0.0", "@angular/compiler": "2.0.0", "@angular/core": "2.0.0", "@angular/forms": "2.0.0", "@angular/http": "2.0.0", "@angular/platform-browser": "2.0.0", "@angular/platform-browser-dynamic": "2.0.0", "@angular/platform-server": "2.0.0", "@angular/router": "3.0.0", "@salesforce-ux/design-system": "^2.0.3", "angular2-busy": "^0.3.2-rc.6", "chart.js": "2.1.0", "core-js": "^2.4.0", "d3": "^4.2.3", "lodash": "^4.14.0", "moment": "^2.14.1", "ng2-bootstrap": "^1.1.4", "ng2-charts": "^1.1.0", "ng2-datepicker": "^1.0.6", "ng2-pagination": "^0.4.1", "normalize.css": "^4.1.1", "rxjs": "5.0.0-beta.12", "typescript": "2.1.0-dev.20160916", "zone.js": "0.6.21" }, "devDependencies": { "@angular/compiler-cli": "^0.6.1", "@types/core-js": "^0.9.28", "@types/hammerjs": "^2.0.28", "@types/jasmine": "^2.2.29", "@types/lodash": "^4.14.34", "@types/node": "^6.0.38", "@types/source-map": "^0.1.26", "@types/webpack": "^1.12.29", "angular2-hmr": "~0.6.0", "awesome-typescript-loader": "~0.17.0", "compression-webpack-plugin": "^0.3.1", "copy-webpack-plugin": "^2.1.3", "css-loader": "^0.23.1", "es6-promise": "^3.1.2", "es6-promise-loader": "^1.0.1", "es6-shim": "^0.35.0", "es7-reflect-metadata": "^1.6.0", "exports-loader": "^0.6.3", "expose-loader": "^0.7.1", "file-loader": "^0.8.5", "html-webpack-plugin": "^2.15.0", "http-server": "^0.9.0", "imports-loader": "^0.6.5", "jasmine": "^2.4.1", "json-loader": "^0.5.4", "object-assign": "4.0.1", "phantomjs-polyfill": "0.0.1", "raw-loader": "0.5.1", "source-map-loader": "^0.1.5", "style-loader": "^0.13.1", "ts-helpers": "1.1.1", "ts-node": "^0.7.1", "tslint": "^3.7.1", "tslint-loader": "^2.1.3", "typescript": "2.0.0", "url-loader": "^0.5.7", "wallaby-webpack": "0.0.11", "webpack": "^1.13.0", "webpack-dev-server": "^1.14.1", "webpack-md5-hash": "^0.0.5", "webpack-merge": "^0.12.0" } }

He probado zone.js ^ 0.6.23 y estas versiones de paquetes también. ¿Algunas ideas? Puedo editar y añadir más información.

Edit: La única pista que encontré en CHANGELOG fue la del RC 6:

configuración de prueba: debido a la actualización de la dependencia entre pares de zone.js, el orden en el que se cargan varias especificaciones de zona ha cambiado. Por favor vea este ejemplo de configuración karma.

Edición: Intenté importar Zone.js en las etiquetas de script en index.html y obtengo estos errores a pesar de que tengo los paquetes en node_modules:


Debe incluir la Zona como una etiqueta de secuencia de comandos antes de incluir angular, no se carga como un módulo. Ver https://angular.io/guide/quickstart

<!-- 1. Load libraries --> <script src="node_modules/core-js/client/shim.min.js"></script> <script src="node_modules/zone.js/dist/zone.js"></script> <script src="node_modules/reflect-metadata/Reflect.js"></script> <script src="node_modules/systemjs/dist/system.src.js"></script>


Esto puede suceder si el orden de los scripts es incorrecto.

<!-- ERROR: Angular requires Zone.js polyfill --> <script src="main.js"></script> <script src="runtime.js"></script> <script src="polyfills.js"></script>

Orden correcto:

<!-- Success --> <script src="runtime.js"></script> <script src="polyfills.js"></script> <script src="main.js"></script>


Si agregar node_module a su HTML es un problema, todo lo que necesita es importar manualmente zone.js antes del arranque.

import ''zone.js''; ... platformBrowserDynamic().bootstrapModule(AppModule);