각도 2의 노드 모듈 폴더에서 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을 추가하십시오. 이 같은 ectives -

directives: [GoogleplaceDirective], 

도움이되는지 확인하십시오.

---

편집 :는

이이

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

이

---

VScode-에서 검증 된 방법 - 사용할 수 있습니다3210

편집 2 :

1 단계 : this-

같은 쓰기 appcomponent.ts : 복사 googleplace.directive.ts 파일과 앱 폴더에

2 단계를 유지

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> 

출력 결과 :이 도움이 될 것입니다

희망.