node.js - example - node js todo



Impossible de trouver le module 'angular2/angular2' (8)

Il a changé le module juste avant la bêta de passer à

import {Component, View} from 'angular2/core';

FYI: bootstrap également changé en

import {bootstrap} from 'angular2/platform/browser';

par conséquent, beaucoup de billets de blog sur le net sont obsolètes :-(

Je développe une application de noeud avec angular2 et gulp. J'ai écrit un fichier de composant login.ts comme suit:

import {Component, View} from 'angular2/angular2';
import {FormBuilder,  formDirectives } from 'angular2/forms';
@Component({
  selector: 'login',
  injectables: [FormBuilder]
})
@View({
  templateUrl: '/scripts/src/components/login/login.html',
  directives: [formDirectives]
})

export class login {

}

Et mon fichier bootstrap.ts est:

import {bootstrap} from 'angular2/angular2';

import {login} from './components/login/login';

bootstrap(login);

mais lorsque je compile ces fichiers, cela me donne les erreurs suivantes:

client\bootstrap.ts(1,25): error TS2307: Cannot find module 'angular2/angular2'.
client\components\login\login.ts(1,31): error TS2307: Cannot find module 'angular2/angular2
client\components\login\login.ts(2,45): error TS2307: Cannot find module 'angular2/forms'.

Voici mon tsconfig.json:

{
    "compilerOptions": {
        "target": "es5",
        "module": "commonjs",
        "sourceMap": true,
        "watch": true,
        "removeComments": true,
        "moduleResolution": "node",
        "emitDecoratorMetadata": true,
        "experimentalDecorators": true
    }
}

J'ai installé le dactylographie pour angular2 en utilisant:

tsd install angular2 --save

S'il vous plaît aider à corriger l'erreur.


Answer #1

Le meilleur moyen de lancer le projet angular2 est d'utiliser Angular CLI .

La CLI angulaire facilite la création d’une application qui fonctionne déjà, tout de suite. Il suit déjà nos meilleures pratiques!

s'il vous plaît vérifier cela pour plus de détails.


Answer #2

Veuillez noter que, dans la version finale de Angular2, la réponse correcte est la suivante.

import {Component, View, Directive, Input, Output, Inject, Injectable, provide} from 'angular/core'; 

import {bootstrap} from 'angular/platform/browser';

import {CORE_DIRECTIVES, FORM_DIRECTIVES, NgClass, NgIf  NgForm, Control, ControlGroup, FormBuilder, Validators} from 'angular/common';

import {RouteConfig, ROUTER_DIRECTIVES, ROUTER_PROVIDERS, Router, LocationStrategy, HashLocationStrategy} from 'angular/router';

import {Http, HTTP_PROVIDERS, RequestOptions, Headers, Request, RequestMethod} from 'angular/http'

Ceci est vrai comme indiqué dans la mise à jour 2 du yups depuis

angular2/core -> @angular/core
angular2/compiler -> @angular/compiler
angular2/common -> @angular/common
angular2/platform/common -> @angular/common
angular2/common_dom -> @angular/common
angular2/platform/browser -> @angular/platform-browser-dynamic
angular2/platform/server -> @angular/platform-server
angular2/testing -> @angular/core/testing
angular2/upgrade -> @angular/upgrade
angular2/http -> @angular/http
angular2/router -> @angular/router
angular2/platform/testing/browser -> @angular/platform-browser-dynamic/testing

Answer #3

Vous essayez d'accéder à Component à partir du mauvais répertoire / ancien de node_modules. Veuillez accéder à Component à partir de

import { Component, OnInit } from '@angular/core';

au lieu de: import { Component, View } from 'angular2/angular2';

ET

Accès au bootstrap depuis le chemin ci-dessous:

import { bootstrap } from 'angular2/platform/browser';

Answer #4

vous devez mettre à jour la version Angular2 en version finale -

Et puis utiliser comme ----

import { Component } from '@angular/core';

il y a une bibliothèque mise à jour comme --- '@angular/core'


Answer #5

yups comme dit par @simon erreur est dans les importations. mais pour d'autres importations, j'ai posté cette réponse peut-être est-ce utile pour d'autres aussi.

import {Component, View, Directive, Input, Output, Inject, Injectable, provide} from 'angular2/core'; 

import {bootstrap} from 'angular2/platform/browser';

import {CORE_DIRECTIVES, FORM_DIRECTIVES, NgClass, NgIf  NgForm, Control, ControlGroup, FormBuilder, Validators} from 'angular2/common';

import {RouteConfig, ROUTER_DIRECTIVES, ROUTER_PROVIDERS, Router, LocationStrategy, HashLocationStrategy} from 'angular2/router';

import {Http, HTTP_PROVIDERS, RequestOptions, Headers, Request, RequestMethod} from 'angular2/http'

mise à jour -

@View n'est plus dans angular2 maintenant, pas besoin d'importer

import {view} from 'angular2/core'

Mise à jour 2

En tant que angular2 est dans RC donc il y a un changement radical dans toutes les importations, voici la liste si toutes les importations mises à jour -

angular2/core -> @angular/core
angular2/compiler -> @angular/compiler
angular2/common -> @angular/common
angular2/platform/common -> @angular/common
angular2/common_dom -> @angular/common
angular2/platform/browser -> @angular/platform-browser-dynamic
angular2/platform/server -> @angular/platform-server
angular2/testing -> @angular/core/testing
angular2/upgrade -> @angular/upgrade
angular2/http -> @angular/http
angular2/router -> @angular/router
angular2/platform/testing/browser -> @angular/platform-browser-dynamic/testing

Answer #6
import {Component} from "@angular/core";

@Component({
  selector: "userForm",
  template: '<div><input type="text" name="name" [disabled]="flag"/></div>'
});

export class userForm{
 public flag = false; //boolean value: true/false
}

Answer #7
  • Commencez par mettre à jour vos librairies angular2 à packege.json.
  • Seconde

     import {Component} from "@angular/core";
     import {FormBuilder } from "@angular/forms";
    
     @Component({
      selector: "login",
      providers: [FormBuilder],
      templateUrl: "/scripts/src/components/login/login.html"
     })
    
    
     export class login {
    
     }




angular