Angular-google-maps: 모듈을 찾을 수 없음: '@agm/core/services/google-maps-types'

여기도 마찬가지

node_modules를 삭제하고 npm install 를 다시 실행할 수 있습니까?

@doom777 여러번 해봤습니다 . 불운.

아래 샘플 코드 스니펫,

import { ZoomControlOptions, ControlPosition, MapTypeControlOptions, FullscreenControlOptions } from '@agm/core/services/google-maps-types';
mapTypeControlOptions:MapTypeControlOptions = {
    position: ControlPosition.LEFT_BOTTOM
    }

  fullscreenControlOptions: FullscreenControlOptions = {
    position : ControlPosition.LEFT_CENTER
  };

흠, stackblitz는 지금 자체적인 문제를 겪고 있습니다. 번식에 성공하지 못하고 있습니다.

여기 내가 시도하는 것이 있습니다 :

ng new agm-test2
cd agm-test2
npm install @agm/core
code .

AppModule에 AgmCoreModule.forRoot 추가

템플릿: <agm-map [mapTypeControl]="true" [mapTypeControlOptions]="mapTypeControlOptions" [latitude]="0" [longitude]="0"></agm-map>

요소:

import { Component } from '@angular/core';
import { MapTypeControlOptions, ControlPosition } from '@agm/core/services/google-maps-types';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styles: ['agm-map{height:300px}']
})
export class AppComponent {

  mapTypeControlOptions: MapTypeControlOptions = {
    position: ControlPosition.LEFT_BOTTOM
  };
}

결과:

@doom777 작동하지 않는 예는 다음과 같습니다. https://stackblitz.com/edit/angular-krqwfi?file=src%2Fapp%2Fapp.module.ts
내가 한 모든 것은 @agm/core 를 추가하고 FitBoundsService를 가져오려고 시도한 것뿐입니다.

나는 단지 얻고있다

잡히지 않음(약속 중) 오류: 구성에서 사전 설정이 지정되지 않았습니다.
Object.config(webcontainer.5f16b010d2745c788a2.js:15)
t.config에서(webcontainer.5f16b010d2745c788a2.js:15)
Be에서 (preview-4858aaa60d96ac0657bab.js:1)
미리보기-4858aaa60d96ac06에서

57bab.js:1

이것은 stackblitz 오류 인 것 같습니다

당신은 뭔가를 시도 할 수 있습니까?

1. 이 라이브러리를 복제
2. packages\core\map-types.ts 로 이동
3. 내보내기 목록에 ControlPosition 추가
4. yarn build 로 라이브러리 구축
5. npm link 와 라이브러리 연결(이전에 npm 링크를 사용한 적이 없는 경우 Google 자습서)
6. 그것이 작동하기 시작하는지 확인하십시오

내 홍보 https://github.com/SebastianM/angular-google-maps/pull/1730 을 시도하고 문제가 해결되는지 알려주십시오.

ControlPosition 및 기타 가져오기를 '@agm/core'로 변경해야 합니다.

@doom777 #1730을 복제, 빌드 및 테스트했습니다. 예상대로 작동합니다.

@doom777 이것은 ng-packager가 물건을 패키징하는 방식 때문인 것 같습니다.

사람들이 이 가져오기를 한 번 업데이트한 다음 #1648에 대해 업데이트하도록 하는 대신 Google 지도 가져오기를 처리할 #1648을 가져오는 데 집중해야 합니까? (@agm/core를 통해 가져오지 않고 대신 @agm/core/{directives,services} 에서 가져오는 지시문/서비스에 #1730에 대한 변경 사항이 필요할 수 있습니다.

분명히 ng-packagr 은 #1648이 동일한 표면을 깨는 API 표면과 관련하여 잠재적으로 중요한 변경 사항이었습니다(Google 지도 유형 가져오기).

이 모듈에 대한 ng-packagr 변경 사항인 #1731을 추가했지만 @agm/core/services/google-maps-types ( @agm/core/services 또는 @agm/core/directives 포함)가 아닌 $ @agm/core/* 에서 가져오기를 처리하지 않습니다. @agm/core/directives )

@agm/core/services/google-maps-types에서 {google}을(를) 가져오려고 하면 이 오류가 발생합니다. 또한 node_modules를 삭제하고 npm install을 여러 번 다시 실행하려고 했습니다. 해결책을 찾도록 도와주세요.

@pasqualepalmaccio 프로덕션이라면 1.0.0-beta.7로 돌아가세요. 그렇지 않으면 수정 사항이 릴리스될 때까지 기다리세요.

업데이트 후 동일한 문제가 있습니다. 해결 방법이 있습니까?

@jimmykane 당신의 package.json이 @agm/core: "^1.0.0-beta.7" $ 가 아닌 $ "@agm/core: "1.0.0-beta.7" 를 지정하는지 확인해야 합니다. 이는 동일한 인터페이스를 노출하지 않는 1.0.0 릴리스가 있음을 의미하기 때문입니다.

우리는 이 문제를 해결하기 위해 노력하고 있지만 해결해야 할 다른 수입품이 있습니다.

우리는 수정 사항이 있습니다. 임시 문제를 병합하는 것뿐입니다.

여전히 이 문제가 표시됩니다. 이 수정 사항이 병합되었습니까?

아니요, 내 PR을 승인할 다른 기여자를 찾을 수 없습니다 :(

이 수정 사항이 병합되었습니까?

수정 작업을 하는 한 1.0.0 버전을 되돌릴 수 있습니까?

가져오려고 해도 동일한 문제가 발생합니다.

'@agm/core/services/google-maps-types'에서 { ZoomControlOptions, ControlPosition, ZoomControlStyle } 가져오기;

수정 알림을 받으려면 가입하기만 하면 됩니다. 지금은 하드 코딩된 매직 값을 사용합니다.

지금은 1.0.0-beta.7을 사용할 수 있습니다.
1.0.1이 곧 나옵니다. Sebastian Holstein에 연락을 시도하고 있지만 운이 없습니다.

안녕 @SebastianM waky waky .... 제발 이걸 부딪히자

1.0.0-beta.7은 IVY와 중단되므로 현재 이 패키지를 사용할 수 없습니다.

범프 @SebastianM 이 리포지토리를 계속 유지하십시오. 병합하고 해제합니다.

1인 작업을 위해 우리 모두는 여기에서 고군분투하고 있습니다.

어쩌면 우리는 그것을 포크해야합니까? 분명히 충분히 ppl이 이 패키지를 사용하는 데 관심이 있습니다.

또는: https://drewdevault.com/2018/12/04/How-to-abandon-a-FLOSS-project.html
또는 심지어: https://www.codeshelter.co/

아마도 Sebastian은 여기에서 공동 작업에 올바른 권한을 추가할 수 있습니다.
그리고 짜잔 문제가 해결되었습니다.

2019년 11월 2일(토) 12:37 Lukas Neumann, 알림 @github.com 작성:

어쩌면 우리는 그것을 포크해야합니까? 분명히 충분히 ppl이 사용하는 데 관심이 있습니다.
이 패키지.

또는: https://drewdevault.com/2018/12/04/How-to-abandon-a-FLOSS-project.html
또는 심지어: https://www.codeshelter.co/

—
당신이 언급되었기 때문에 이것을 받는 것입니다.
이 이메일에 직접 답장하고 GitHub에서 확인하세요.
https://github.com/SebastianM/angular-google-maps/issues/1729?email_source=notifications&email_token=AAJVX45GD4L46U7JGGD7FMDQRVQ7FA5CNFSM4IYS2YRKYY3PNVWWK3TUL52HS4DFXWEX
또는 구독 취소
https://github.com/notifications/unsubscribe-auth/AAJVX45ENBM22GNL6UEF26TQRVQ7FANCNFSM4IYS2YRA
.

나는 얻고있다

Module not found: Error: Can't resolve '@agm/core/services' 설치했는데도!!

@agm/core: 1.0.0-베타.3

1.0.0-beta.7로 업그레이드를 시도할 수 있습니까?

어떻게 업그레이드합니까? -> npm install 'agm/core 1.0.0-beta.7' ?

음, npm install @agm/[email protected] 또는 npm update @agm/core

업데이트 없이 해결되었습니다. 나는 시도했다

import { GoogleMapsAPIWrapper } from '@agm/core';

성공적으로 작동하고 있습니다.

확인. 또한 GOogleMapsAPIWrapper를 사용해서는 안 됩니다.

왜 설명해 주시겠습니까? @doom777

왜 설명해 주시겠습니까? @doom777

GoolgeMapsAPIWrapper는 라이브러리의 소비자가 아니라 내부적으로만 라이브러리에서 사용하기 위한 것이라고 생각합니다. 기본 구성 요소에 대한 입력 및 이벤트 바인딩을 사용해야 합니다. 모듈에서 AgmCoreModule을 가져오고 forRoot를 가져오기 섹션에서 가져옵니다.

Google 지도 API에 직접 액세스하려면 다음과 같이 구성요소의 (mapReady)에서 지도를 가져올 수 있습니다.

<agm-map [streetViewControl]="false" [latitude]="lat" [longitude]="lng" [styles]="mapStyles" [zoom]="defaultZoom" [zoomControlOptions]="zoomControlOptions" (mapReady)="mapReady($event)" (zoomChange)="zoomChanged($event)"> </agm-map>

구성 요소 코드에서:

mapReady(map: google.maps.Map) { this.map = map; }

@types/googlemaps를 설치하여 지도를 입력할 수 있습니다.

@투마빅
GoogleMapsApiWrapper는 내부적으로 라이브러리 또는 확장을 위한 것입니다. Angular의 선언적 스타일에 위배되는 명령형입니다. GMAW로 할 수 있는 대부분의 작업은 agm-map과 그 자식의 입력 및 출력으로 수행할 수 있어야 합니다.

@ermcgrat 적어도 #1648이 병합될 때까지 "@agm/core"에서 대부분의 유형을 가져올 수도 있습니다.

고마워 얘들아 .. 많이 고마워 😍😍😍😍😍

안녕하세요 이 문제가 종료된 이유는 무엇입니까?
1.1.0은 그것을 수정하지 않습니다

@jimmykane 버전 1.1.0을 사용하면 다음을 수행할 수 있습니다.

import { ControlPosition } from '@agm/core'

안녕하세요 여러분,

1.1.0도 저를 위해 수정하지 않습니다. 나는 아직도 이것을 가지고있다 :
Module '"../../../../node_modules/@agm/core/agm-core"' has no exported member 'MapTypeControlStyle'
내보냈음에도 불구하고 :

나는 이미 node_modules와 package-lock을 삭제하려고 시도했지만 더 나아지지 않았습니다 ...

이 오류도 계속 발생합니다.
Module not found: Error: Can't resolve '@agm/core/services/google-maps-types'
예를 들어 google.maps.geometry.spherical.computeArea() 에 액세스하려고 합니다. @types/googlemaps 를 설치한 다음 import {} from 'googlemaps'; 를 설치하여 이를 달성할 수 있지만 IntelliJ Idea는 이를 사용하지 않는 가져오기로 표시합니다. _Optimize imports_ 그런 다음 이 줄을 삭제하고 코드를 나눕니다.
이거 고쳐주세요? 🙏🏻

'@agm/core'에서 { GoogleMapsAPIWrapper } 가져오기를 시도하세요.

'@agm/core/service'에서 { GoogleMapsAPIWrapper }를 가져오는 대신;

이것은 1.1.0에서 아직 수정되지 않았습니다. 다시 열고 작업할 수 있습니까?

이 오류가 발생했습니다. 다른 버전으로 시도했지만 오류가 남아 있습니다 ...

이 오류에 "여전히" 직면하고 있는 모든 사람들을 위해 깊은 가져오기를 수행하지 말고 얕은 가져오기를 수행하십시오.

안녕하세요 @doom777 이 문제가 해결되었습니까?

예, 새 3.0.0 버전을 사용하는 경우 독점 Google 유형을 더 이상 패키징하지 않으므로 가져오기를 완전히 제거하십시오. 1.1.0을 사용하는 경우 lib 내부가 아닌 @agm/core 에서 유형을 가져오기만 하면 됩니다.

여기서 좀 도와주시겠습니까?

이제 AGM이 QueryList mapControls: QueryList<AgmMapControl>; 를 얻을 수 있음을 알았습니다.

이제 우리는 무엇을 합니까?

이전:

 public mapTypeControlOptions: MapTypeControlOptions = {
    // mapTypeIds: [MapTypeId.HYBRID, MapTypeId.ROADMAP, MapTypeId.SATELLITE, MapTypeId.TERRAIN],
    mapTypeIds: ['hybrid', 'roadmap', 'satellite', 'terrain'],
    position: ControlPosition.LEFT_TOP,
    style: 0
  };

그리고 템플릿에서:

<agm-map *ngIf="activitiesMapData.length > 0"
             [mapTypeId]="user && user.settings ? user.settings.mapSettings.mapType : 'roadmap'"
             (mapTypeIdChange)="changeMapType($event)"
             [fullscreenControl]="true"
             [mapTypeControl]="true"
             [scaleControl]="true"
             [rotateControl]="true"
             [zoomControl]="true"
             [gestureHandling]="'cooperative'"
             [scrollwheel]="null"
             [mapTypeControlOptions]="mapTypeControlOptions"
             [zoomControlOptions]="zoomControlOptions"
             [rotateControlOptions]="rotateControlOptions"
             [tilt]="45"
             [controlSize]="32"
             [disableDefaultUI]="true"
             [styles]="getStyles(theme)"
             [streetViewControl]="false">

음, 추가 토론을 위해 불화를 일으키지만 기본적으로

<agm-map *ngIf="activitiesMapData.length > 0"
             [mapTypeId]="user && user.settings ? user.settings.mapSettings.mapType : 'roadmap'"
             (mapTypeIdChange)="changeMapType($event)"
             [gestureHandling]="'cooperative'"
             [scrollwheel]="null"
             [mapTypeControlOptions]="mapTypeControlOptions"
             [zoomControlOptions]="zoomControlOptions"
             [rotateControlOptions]="rotateControlOptions"
             [tilt]="45"
             [controlSize]="32"
             [disableDefaultUI]="true"
             [styles]="getStyles(theme)"
             [streetViewControl]="false">
   <agm-fullscreen-control></agm-fullscreen-control>
   <agm-scale-control></agm-scale-control>
   <agm-map-type-control [style]="style" [mapTypeIds]="mapTypeIds" [position]="position"></agm-map-type-control>

@doom777 로저. 이것이 거기에 있다는 것을 보았고 가입할지 여부를 궁금해했습니다 :-D

내가 당신의 조언을 시도하자. 나는 그들이 지금 요소인지 몰랐습니다. 훨씬 낫다

예, 새 3.0.0 버전을 사용하는 경우 독점 Google 유형을 더 이상 패키징하지 않으므로 가져오기를 완전히 제거하십시오. 1.1.0을 사용하는 경우 lib 내부가 아닌 @agm/core 에서 유형을 가져오기만 하면 됩니다.

안녕하세요 @doom777 프로젝트를 업데이트한 후에도 여전히 몇 가지 문제가 있습니다.

ERROR in node_modules/@agm/js-marker-clusterer/services/google-clusterer-types.d.ts:1:60 - error TS2307: Cannot find module '@agm/core/services/google-maps-types' or its corresponding type declarations.

1 import { GoogleMap, LatLngBounds, Marker, MVCObject } from '@agm/core/services/google-maps-types';

깊은 가져오기를 하지 말라는 조언을 듣고 싶지만 불행히도 @agm/js-marker-clusterer에서는 여전히 그렇습니다. 내가 뭔가를 놓치고 있습니까?

사용된 버전은 다음과 같습니다.

"@agm/core": "3.0.0-beta.0",
"@agm/js-marker-clusterer": "^1.1.0",

미리 감사드립니다!

버전이 일치하지 않습니다. 각도 10을 사용하는 경우 @agm/[email protected] 및 @agm/[email protected] 를 사용하십시오.
Angular 9 및 이전 버전을 사용하는 경우 @agm/[email protected] 및 @agm/[email protected] 를 사용합니다.

버전이 일치하지 않습니다. 각도 10을 사용하는 경우 @agm/[email protected] 및 @agm/[email protected] 를 사용하십시오.
Angular 9 및 이전 버전을 사용하는 경우 @agm/[email protected] 및 @agm/[email protected] 를 사용합니다.

이것은 효과가 있었다. 하지만 다음에서 업데이트해야 했습니다.

import { AgmJsMarkerClustererModule } from '@agm/js-marker-clusterer';

에게:

import { AgmMarkerClustererModule } from '@agm/markerclusterer'

내 모듈에서. 어떤 이유로 [streetViewControl] 및 [zoomControl] 이(가) 작동하지 않았습니다. 그것들을 제거한 후에는 정상적으로 작동했습니다. 이러한 속성에 대해 변경된 사항이 있으면 문서에서 확인하겠습니다.

그 외에도 @agm/markerclusterer 관련 문서가 최대한 빨리 업데이트될 수 있다고 생각합니다.

옳은. 제어 하위 요소를 위해 제어 옵션이 제거되었습니다.