Angular2のnode-modulesフォルダからtsファイルをインポートできません

Question

Angular 2プロジェクトにGoogleマップの場所をインストールしました。

は誰もが同じのパスを指定するには私を助けることができます：モジュールを見つけることができないよう

npm install angular2-google-map-auto-complete 

エラーを取得しますか？

../../directives/googleplace.directive 
../../../directives/googleplace.directive 
../../../../directives/googleplace.directive 
../../directives/googleplace.directive 
../node-modules/angular2-google-map-auto-complete/directives/googleplace.directive 
../../angular2-google-map-auto-complete/directives/googleplace.directive 

予想通り何も働いていない：以下の組み合わせで試してみました

。

アップデート：私は

Answer 1

は試してみてくださいスペルミスが、運を発見したthis-

import {GoogleplaceDirective} from '../directives/googleplace.directive'; 

[そのディレクティブの 'の' 内でのノート・してください終了]をクリックします。

あなたのコンポーネントにdirを追加しますこのような洞窟 -

directives: [GoogleplaceDirective], 

これが役立つかどうかを確認してください。

---

EDIT：

あなたは、これはVScode-

---

でそれを検証

import {GoogleplaceDirective} from '../node_modules/angular2-google-map-auto-complete/directives/googleplace.directive'; 

をway-使用することができます3210

EDIT 2：

ステップ1：コピーgoogleplace.directive.tsファイルとアプリのフォルダに

をそれを維持ステップ2：this-

のような書き込みappcomponent.ts

import { Component } from '@angular/core'; 
import {GoogleplaceDirective} from './googleplace.directive'; 

@Component({ 
    selector: 'my-app', 
    directives: [GoogleplaceDirective], 
    template: `<h1>My First Angular 2 App</h1> 
    <input type="text" [(ngModel)] = "address" (setAddress) = "getAddress($event)" googleplace/> 
    ` 

}) 
export class AppComponent { 
    public address : Object; 
     getAddress(place:Object) {  
      this.address = place['formatted_address']; 
      var location = place['geometry']['location']; 
      var lat = location.lat(); 
      var lng = location.lng(); 
      console.log("Address Object", place); 
     } 
} 

ステップ3：インデックスにスクリプトタグを追加します。HTML

<script src="https://maps.googleapis.com/maps/api/js?libraries=places&sensor=false"></script> 

出力結果：

は、これが役立つことを願っています。