Passer à Angular RC5

[DDorch]

9 août 2016 : Angular 2.0.0-rc.5 just released !

http://angularjs.blogspot.fr/2016/08/angular-2-rc5-ngmodules-lazy-loading.html

Cette version introduit un nouveau concept capital dans Angular2 : le ngModule. Apparemment, cela simplifie grandement la déclaration des dépendances des composants et résoudrait en partie le problème exposé en #11. Il y a une documentation sur la migration rc4 -> rc5 : https://angular.io/docs/ts/latest/cookbook/rc4-to-rc5.html.

Avec cette mise à jour impromptue, j'ai eu des soucis pour compiler le projet ce matin. Pour réussir à faire tourner l'appli, j'ai du supprimer tous les "^" qui sont en tête de certains numéros de versions dans le fichier package.json. Le "^" charge la dernière version des packages et du coup, il y a des dépendances qui ne sont plus vérifiées.

J'ai d'abord essayé de faire tourner l'appli avec les dernières versions de tous les packages en mettant à jour package.json avec cet outil : https://www.npmjs.com/package/npm-check-updates. Mais la compilation plantait. Alors, j'ai repris le package.json actuellement sur le dépôt et j'ai supprimé les "^" et là tout va bien.

Peut-être faut-il attendre quelques jours avant d'essayer la RC5 pour que les dépendances soient toutes stabilisées ?

[manalaf]

Pour introduire FormsModule qui necessite le NgModule, j'ai du passer au RC5. J'ai eu l'erreur suivante: Error: getTransitiveModules/<@http://localhost:3000/node_modules/@angular/compiler/bundles/compiler.umd.js:13673:17

[manalaf]

On doit mettre à jour le routeur aussi et le faire passer à la version 3.0.0-rc.1

[manalaf]

J'ai fait un git reset pour revenir à l'ancien commit et ignorer toutes les modifications concernant RC5, et apès un npm install je retrouve l'erreur suivante:

Error: RtlModule<@http://localhost:3000/node_modules/@angular2-material/core/rtl/dir.js:70:9
    @http://localhost:3000/node_modules/@angular2-material/core/rtl/dir.js:66:18
    @http://localhost:3000/node_modules/@angular2-material/core/rtl/dir.js:1:31
    @http://localhost:3000/node_modules/@angular2-material/core/rtl/dir.js:1:2
    @http://localhost:3000/node_modules/@angular2-material/sidenav/sidenav.js:21:13
    @http://localhost:3000/node_modules/@angular2-material/sidenav/sidenav.js:1:31
    @http://localhost:3000/node_modules/@angular2-material/sidenav/sidenav.js:1:2
    Er</g@https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.35.0/es6-shim.min.js:11:1946
    Er</h/<@https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.35.0/es6-shim.min.js:11:1876
    Zone</ZoneDelegate</ZoneDelegate.prototype.invoke@http://localhost:3000/node_modules/zone.js/dist/zone.js:323:20
    Zone</Zone</Zone.prototype.run@http://localhost:3000/node_modules/zone.js/dist/zone.js:216:25
    scheduleResolveOrReject/<@http://localhost:3000/node_modules/zone.js/dist/zone.js:571:53
    Zone</ZoneDelegate</ZoneDelegate.prototype.invokeTask@http://localhost:3000/node_modules/zone.js/dist/zone.js:356:24
    Zone</Zone</Zone.prototype.runTask@http://localhost:3000/node_modules/zone.js/dist/zone.js:256:29
    drainMicroTaskQueue@http://localhost:3000/node_modules/zone.js/dist/zone.js:474:26
    ZoneTask/this.invoke@http://localhost:3000/node_modules/zone.js/dist/zone.js:426:22

    Evaluating http://localhost:3000/node_modules/@angular2-material/core/rtl/dir.js
    Evaluating http://localhost:3000/node_modules/@angular2-material/sidenav/sidenav.js
    Error loading http://localhost:3000/app/boot.js

[DDorch]

Fait comme moi hier : supprimé les "^" pour contrôler précisément quelles versions de packages sont installés (cf. Commentaire ci-dessus).

[manalaf]

Cela ne résoud pas le problème, l'erreur de compilation ci-dessus apparait toujours.

[manalaf]

C'est bon. Le problème est enfin résolu !

[manalaf]

J'ai fait quelques modifications que je n'arrive pas à mettre sur Git. Quand je fais le push on me dit "everything is up to date" alors que ça ne l'est pas du tout. Les modifs que j'ai faites renvoient l'erreur de compilation suivante:

Error: (SystemJS) ngModule is null
    getTransitiveModules/<@http://localhost:3000/node_modules/@angular/compiler/bundles/compiler.umd.js:13673:17 

[DDorch]

Ton problème de push est-il résolu ? Sinon, ce lien aide-t-il ? http://stackoverflow.com/questions/2936652/git-push-wont-do-anything-everything-up-to-date#answer-2936751

[manalaf]

Je suis sur la meme branche master, quand j'essaie de créer une nouvelle branche et lui renvoyer le commit on me dit encore everything is up to date. J'ai essayé de faire un reset pour revenir au commit 5b2a745 mais l'erreur suivante apparait: fatal: ambiguous argument '5b2a745': unknown revision or path not in the working tree. Use '--' to separate paths from revisions, like this: 'git <command> [<revision>...] -- [<file>...]'

[manalaf]

La commande tapée est : git reset --hard 5b2a745

[manalaf]

Apres le npm start, le menu se charge correctement. Par contre en cliquant sur l'une des calculettes on me renvoit l'erreur suivante: `EXCEPTION: No provider for RadioControlRegistry!platform-browser.umd.js:937:17 STACKTRACE:platform-browser.umd.js:937:17 BaseException@http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:4472:27 AbstractProviderError@http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:4602:13 NoProviderError@http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:4638:13 ReflectiveInjector</ReflectiveInjector.prototype._throwOrNull@http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:6532:23 ReflectiveInjector</ReflectiveInjector.prototype._getByKeyDefault@http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:6560:24 ReflectiveInjector</ReflectiveInjector.prototype._getByKey@http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:6523:24 ReflectiveInjector</ReflectiveInjector.prototype.get@http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:6332:20 NgModuleInjector</NgModuleInjector.prototype.get@http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:10386:44 ElementInjector</ElementInjector.prototype.get@http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:12359:26 ElementInjector</ElementInjector.prototype.get@http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:12359:26 ReflectiveInjector</ReflectiveInjector.prototype._getByKeyDefault@http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:6557:24 ReflectiveInjector</ReflectiveInjector.prototype._getByKey@http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:6523:24 ReflectiveInjector</ReflectiveInjector.prototype.get@http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:6332:20 ElementInjector</ElementInjector.prototype.get@http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:12359:26 anonymous/_View_FormCondDistri11.prototype.createInternal@FormCondDistri.ngfactory.js:1077:127 AppView</AppView.prototype.create@http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:12439:20 TemplateRef</TemplateRef.prototype.createEmbeddedView@http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:10681:13 ViewContainerRef</ViewContainerRef.prototype.createEmbeddedView@http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:8344:27 NgFor</NgFor.prototype._applyChanges/<@http://localhost:3000/node_modules/@angular/common/bundles/common.umd.js:816:32 DefaultIterableDiffer</DefaultIterableDiffer.prototype.forEachOperation@http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:6886:21 NgFor</NgFor.prototype._applyChanges@http://localhost:3000/node_modules/@angular/common/bundles/common.umd.js:814:13 NgFor</NgFor.prototype.ngDoCheck@http://localhost:3000/node_modules/@angular/common/bundles/common.umd.js:808:21 anonymous/_View_FormCondDistri0.prototype.detectChangesInternal@FormCondDistri.ngfactory.js:199:25 AppView</AppView.prototype.detectChanges@http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:12586:13 AppView</AppView.prototype.detectViewChildrenChanges@http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:12612:17 anonymous/_View_FormCondDistri_Host0.prototype.detectChangesInternal@FormCondDistri.ngfactory.js:28:3 AppView</AppView.prototype.detectChanges@http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:12586:13 AppView</AppView.prototype.detectContentChildrenChanges@http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:12604:17 anonymous/_View_MainApp0.prototype.detectChangesInternal@MainApp.ngfactory.js:195:3 AppView</AppView.prototype.detectChanges@http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:12586:13 AppView</AppView.prototype.detectViewChildrenChanges@http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:12612:17 anonymous/_View_MainApp_Host0.prototype.detectChangesInternal@MainApp.ngfactory.js:28:3 AppView</AppView.prototype.detectChanges@http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:12586:13 ViewRef</ViewRef.prototype.detectChanges@http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:10804:58 ApplicationRef</ApplicationRef.prototype.tick/<@http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:10191:79 Call@https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.35.0/es6-shim.min.js:10:4624 forEach@https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.35.0/es6-shim.min.js:10:19954 ApplicationRef</ApplicationRef.prototype.tick@http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:10191:17 ApplicationRef_/<.next/<@http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:10095:103 Zone</ZoneDelegate</ZoneDelegate.prototype.invoke@http://localhost:3000/node_modules/zone.js/dist/zone.js:323:20 NgZoneImpl/this.inner<.onInvoke@http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:9245:36 Zone</ZoneDelegate</ZoneDelegate.prototype.invoke@http://localhost:3000/node_modules/zone.js/dist/zone.js:322:20 Zone</Zone</Zone.prototype.run@http://localhost:3000/node_modules/zone.js/dist/zone.js:216:25 NgZoneImpl</NgZoneImpl.prototype.runInner@http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:9276:64 NgZone</NgZone.prototype.run@http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:9505:55 ApplicationRef_/<.next@http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:10095:73 EventEmitter</EventEmitter.prototype.subscribe/schedulerFn<@http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:9168:58 SafeSubscriber.prototype.__tryOrUnsub@http://localhost:3000/node_modules/rxjs/Subscriber.js:225:13 SafeSubscriber.prototype.next@http://localhost:3000/node_modules/rxjs/Subscriber.js:174:17 Subscriber.prototype._next@http://localhost:3000/node_modules/rxjs/Subscriber.js:124:9 Subscriber.prototype.next@http://localhost:3000/node_modules/rxjs/Subscriber.js:88:13 Subject.prototype._finalNext@http://localhost:3000/node_modules/rxjs/Subject.js:128:13 Subject.prototype._next@http://localhost:3000/node_modules/rxjs/Subject.js:120:13 Subject.prototype.next@http://localhost:3000/node_modules/rxjs/Subject.js:77:9 EventEmitter</EventEmitter.prototype.emit@http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:9156:58 NgZone</NgZone.prototype._checkStable@http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:9415:25 NgZone/this._zoneImpl<.onLeave@http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:9387:21 NgZoneImpl/this.inner<.onInvokeTask@http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js:9239:29 Zone</ZoneDelegate</ZoneDelegate.prototype.invokeTask@http://localhost:3000/node_modules/zone.js/dist/zone.js:355:24 Zone</Zone</Zone.prototype.runTask@http://localhost:3000/node_modules/zone.js/dist/zone.js:256:29 ZoneTask/this.invoke@http://localhost:3000/node_modules/zone.js/dist/zone.js:423:29 platform-browser.umd.js:937:17

Error: No provider for RadioControlRegistry!`

[manalaf]

Ce problème a été signalé il y a 3 jours sur cette page: https://github.com/angular/angular/issues/10813 Mais je trouve que c'est pas tout à fait similaire.

[DDorch]

Si tu es toujours bloquée effectue un push de ton code en fin de journée pour que je puisse travailler dessus le soir et t'envoyer une mise à jour pour le matin.

[manalaf]

J'ai toujours le meme problème avec git push qui me dit que tout est à jour ... J'ai encore essayé hier en fin de journée plusieurs suggestions sur le net mais ça ne veut pas marcher. Quand je fais un git branch ça me renvoit * master , pareil pour le git remote qui me renvoit origin Là on est sur qu'il n'y a pas de problème de branche. Quand je fais un git status, ça me dit qu'aucune modification n'a été ajoutée à la validation mais des fichiers non suivis sont présents (utilisez "git add" pour les suivre). Je ne comprend pas pourquoi ils sont non suivis alors qu'ils sont déjà sur le dépot. Donc ensuite je fais un git add de tous les fichiers "non suivis" et puis un git commit suivi par un push qui me dit: Everything up-to-date

[manalaf]

C'est bon j'ai fait un nouveau clone dans un autre dossier.

[manalaf]

Après le git pull, il faut que tu mettes en commentaire la partie relative aux sections dans formulaire.html pour que ça compile.

[DDorch]

Moi je n'ai pas d'erreur, par contre quand je charge une calculette, j'ai cet écran :

[manalaf]

L'erreur que j'ai à chaque fois sur ma console est: No provider for RadioControlAccessory