Salut,

Je galère un peu pour installer les lib externes et les modules externe sur angular2.
Pour le moment pour les libs externes j'inclue la reference dans mon fichier html mais pour les components je n'ai aucune idée de comment ça marche...

J'ai essayé

npm install ComponentA

Dans mon fichier typescript :

import {Component} from 'ComponentA';

mais j'ai l'erreur : "TS2307: cannot find module ComponentA"

Est-ce que quelqu'un saurait m'indiquer comment m'en sortir ?

Il faut que ton module ait un fichier avec les dépendances dedans (généralement "index.d.ts"), s'il n'y est pas dans le module de base, faut chercher chez @types, c'est un compte npm qui publie les dépendances de beaucoup de modules.

Du coup faut faire
npm install ComponentA @types/ComponentA
S'il n'y est pas faut utiliser le CLI Typings (ancienne version de @types)

je vais essayer ça : )
j'ai installé 3 dépendances externes et les 3 me posent des problèmes ^^'
Entre les imports Typescript et les fichiers systemjs ... :/

Quel est le nom de ta dépendance ?

https://github.com/wannabegeek/ng2-split-pane/
https://github.com/maxisam/ngx-clipboard (qui necessite https://clipboardjs.com/)

la première dépendance me pose un peu soucis pour l'import, la 3e plante quand je bundle/minifie mon app avec systemjs builder ou browserify...

Je comprends pas très bien le gros problème: tu n'arrives pas à importer tes modules ou tu n'arrives pas à les mettre ensemble en un seul fichier ?

Sur le site officiel de Typescript ils utilisent webpack, à voir si ça peut répondre à ton problème.

pour bg2-split-pane actuellement en faisant un npm install et en important "ng2-split-pane" (comme en Node par exemple) ça ne fonctionne pas, par contre je peux m'en sortir en faitsant
import {SplitPaneModule} from '../../node_modules/ng2-split-pane/lib/ng2-split-pane'; mais pas sûr que ça soit une très bonne pratique...

Pour la lib ngx-clipboard ça s'est bien passé à l'install sauf pour bundler le tout
Pour web pack je connais pas trop (je suis un peu perdu avec tout les outils JS là) mais angular2 utilise systemJS je crois que c'est l'équivalent ?

Normalement on n'inclut pas les réf directement dans son fichier html (moche), c'est webpack qui se charge de ça ou systemJS

si tu es passé par : ng g new monProjet
tout ce que tu as à faire c'est un npm
tu dois ensuite importer le module soit dans ton module root où dans celui dans lequel tu veux l'utiliser
import {SplitPaneModule} from 'ng2-split-pane/lib/ng2-split-pane';

si ça ne marche pas essaye ça :
import { SplitPaneModule } from 'ng2-split-pane';
une fois que tu as fait cela, tu dois l'ajouter aux imports de modules

@NgModule({
imports: [ BrowserModule, SplitPaneModule ],
declarations: [ ...],
bootstrap: [ .... ]
})

le premier est un import es6 le second est un import ng2

effectivement import {SplitPaneModule} from 'ng2-split-pane/lib/ng2-split-pane'; ça marche bien
Après j'avais suivis un tuto jusqu'a maintenant et ça marchait parfaitement sans trop me poser de questions. Mais au fur et à mesure que je dois ajouter des lib externes et déployer mon App je commence à comprendre la chaine de compilation qui est quand même pas triviale.

Pour les libs externes je crois que je m'en suis sortit avec systemjs, et pour certain module externe j'avais des soucis de compilation typescript, il faut que j'harmonise la compilation typescript en es5/commonjs pour que ma chaine marche correctement... (sans webpack)