Angular-google-maps: Modul tidak ditemukan: '@agm/core/services/google-maps-types'

Sama disini

dapatkah Anda menghapus node_modules dan menjalankan kembali npm install

@ doom777 saya telah melakukan beberapa kali. tidak beruntung.

Contoh cuplikan kode di bawah ini,

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

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

hmm, stackblitz sedang mengalami masalah sendiri sekarang. Saya tidak berhasil mereproduksi.

inilah yang saya coba:

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

tambahkan AgmCoreModule.forRoot ke AppModule

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

komponen:

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
  };
}

hasil:

@ doom777 inilah contoh yang tidak berfungsi: https://stackblitz.com/edit/angular-krqwfi?file=src%2Fapp%2Fapp.module.ts
yang saya lakukan hanyalah menambahkan @agm/core dan mencoba mengimpor FitBoundsService

Saya baru saja mendapatkan

Tidak tertangkap (dalam janji) Kesalahan: Preset tidak ditentukan dalam konfigurasi di
Object.config (webcontainer.5f16b010d2745c788a2.js:15)
di t.config (webcontainer.5f16b010d2745c788a2.js:15)
di Be (pratinjau-4858aaa60d96ac0657bab.js:1)
di pratinjau-4858aaa60d96ac06

57bab.js:1

Ini sepertinya kesalahan stackblitz

Bisakah kamu mencoba sesuatu?

1. kloning perpustakaan ini
2. pergi ke packages\core\map-types.ts
3. tambahkan ControlPosition ke daftar ekspor
4. bangun perpustakaan dengan yarn build
5. tautkan perpustakaan dengan npm link (tutorial google jika Anda belum pernah menggunakan tautan npm sebelumnya)
6. lihat apakah itu mulai bekerja

Silakan coba PR saya https://github.com/SebastianM/angular-google-maps/pull/1730 dan beri tahu kami jika itu memperbaiki masalah.

Anda harus mengubah impor ControlPosition dan lainnya menjadi '@agm/core'

@ doom777 Saya telah mengkloning, membangun, dan menguji #1730. Ini bekerja seperti yang diharapkan.

@ doom777 ini tampaknya karena cara ng-packager mengemas sesuatu.

Alih-alih meminta orang memperbarui impor mereka sekali untuk ini dan kemudian untuk #1648 haruskah kita fokus untuk mengeluarkan #1648 yang akan menangani impor peta google? (Perubahan Anda untuk #1730 mungkin diperlukan untuk arahan/layanan yang tidak diimpor melalui @agm/core dan sebaliknya diimpor dari @agm/core/{directives,services}

Untuk memperjelas ng-packagr adalah perubahan yang berpotensi melanggar terkait permukaan API di mana #1648 melanggar permukaan yang sama (impor jenis peta google)

Saya menambahkan #1731 yang merupakan perubahan ng-packagr untuk modul ini, tetapi tidak menangani impor dari @agm/core/* yang bukan @agm/core/services/google-maps-types (termasuk @agm/core/services atau @agm/core/directives )

Saya mendapatkan kesalahan ini ketika saya mencoba mengimpor {google} dari @agm/core/services/google-maps-types. Saya juga mencoba menghapus node_modules dan menjalankan kembali npm install berkali-kali. Tolong bantu saya untuk menemukan solusi.

@pasqualepalmaccio jika itu produksi, kembali ke 1.0.0-beta.7. Jika tidak, tunggu hingga kami merilis perbaikan.

Setelah memperbarui saya memiliki masalah yang sama. Apakah ada beberapa solusi?

@jimmykane Anda harus memastikan package.json Anda menetapkan "@agm/core: "1.0.0-beta.7" bukan @agm/core: "^1.0.0-beta.7" karena ini berarti Anda memiliki rilis 1.0.0 yang tidak mengekspos antarmuka yang sama.

Kami sedang memperbaikinya, tetapi ada impor lain yang perlu kami tangani.

kami memiliki perbaikan, hanya masalah sementara menggabungkannya

Saya masih melihat masalah ini, Apakah perbaikan ini digabungkan?

tidak, tidak dapat menemukan kontributor lain untuk menyetujui PR saya :(

Apakah perbaikan ini digabungkan?

Mungkin menarik kembali versi 1.0.0 selama Anda mengerjakan perbaikan?

Punya masalah yang sama saat mencoba mengimpor:

impor { ZoomControlOptions, ControlPosition, ZoomControlStyle } dari '@agm/core/services/google-maps-types';

Hanya mendaftar untuk mendapatkan pemberitahuan tentang perbaikan. Akan menggunakan nilai sihir hard-coded untuk saat ini

Anda dapat menggunakan 1.0.0-beta.7 untuk saat ini.
1.0.1 segera keluar, saya mencoba menghubungi Sebastian Holstein, tetapi tidak berhasil

hai @SebastianM waky waky .... Ayo ayo kita bertemu ini

1.0.0-beta.7 terputus dengan IVY jadi saat ini kami tidak dapat menggunakan paket ini.

Bump @SebastianM tolong jaga repo ini ya. Gabungkan dan lepaskan.

Untuk 1 orang bekerja kita semua berjuang di sini.

Mungkin kita harus memotongnya? Cukup jelas ppl tertarik menggunakan paket ini.

Atau: https://drewdevault.com/2018/12/04/How-to-abandon-a-FLOSS-project.html
Atau bahkan: https://www.codeshelter.co/

Mungkin Sebastian bisa menambahkan hak istimewa yang tepat ke kolaborasi di sini
dan voila masalah selesai.

Pada Sabtu, 2 November 2019, 12:37 Lukas Neumann, [email protected] menulis:

Mungkin kita harus memotongnya? Cukup jelas ppl tertarik untuk menggunakan
paket ini.

Atau: https://drewdevault.com/2018/12/04/How-to-abandon-a-FLOSS-project.html
Atau bahkan: https://www.codeshelter.co/

—
Anda menerima ini karena Anda disebutkan.
Balas email ini secara langsung, lihat di GitHub
https://github.com/SebastianM/angular-google-maps/issues/1729?email_source=notifications&email_token=AAJVX45GD4L46U7JGGD7FMDQRVQ7FA5CNFSM4IYS2YRKYY3PNVWWK3TUL52HS4DFVREXG43VMXVBW57ment
atau berhenti berlangganan
https://github.com/notifications/unsubscribe-auth/AAJVX45ENBM22GNL6UEF26TQRVQ7FANCNFSM4IYS2YRA
.

saya mendapatkan

Module not found: Error: Can't resolve '@agm/core/services' meskipun sudah terpasang!!

@agm/inti: 1.0.0-beta.3

Bisakah Anda mencoba meningkatkan ke 1.0.0-beta.7?

bagaimana cara mengupgradenya? -> npm install 'agm/core 1.0.0-beta.7' ?

baik, npm install @agm/[email protected] atau npm update @agm/core

Diselesaikan tanpa memperbarui. Saya mencoba

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

dan itu berhasil bekerja.

Oke. Selain itu, Anda mungkin tidak boleh menggunakan GOogleMapsAPIWrapper

Kenapa bisa tolong jelaskan? @malapetaka777

Kenapa bisa tolong jelaskan? @malapetaka777

Saya percaya bahwa GoolgeMapsAPIWrapper hanya dimaksudkan untuk digunakan secara internal ke perpustakaan, bukan untuk kita sebagai konsumennya. Anda harus menggunakan input dan event binding ke komponen utama. Di modul Anda, Anda mengimpor AgmCoreModule, dan mem-forRootnya di bagian impor Anda.

Jika Anda ingin mendapatkan akses langsung ke google maps api, Anda bisa mendapatkan peta dari (mapReady) pada komponen, seperti:

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

Dalam kode komponen:

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

Dan Anda bisa mengetik untuk peta Anda dengan menginstal @types/googlemaps

@Toomavic
GoogleMapsApiWrapper dimaksudkan secara internal untuk perpustakaan, atau untuk ekstensi. Ini penting, yang bertentangan dengan gaya deklaratif Angular. Sebagian besar hal yang akan Anda lakukan dengan GMAW seharusnya dapat Anda lakukan dengan Input dan Output di agm-map dan turunannya.

@ermcgrat Anda juga bisa mendapatkan sebagian besar tipe dari "@agm/core", setidaknya hingga #1648 digabungkan

Terima kasih kawan.. Terima kasih banyak 😍😍😍😍😍

Hai mengapa masalah ini ditutup?
1.1.0 tidak memperbaikinya

Nah, @jimmykane versi 1.1.0 memungkinkan Anda untuk:

import { ControlPosition } from '@agm/core'

Halo semua,

1.1.0 juga tidak memperbaikinya untuk saya. Saya masih punya ini:
Module '"../../../../node_modules/@agm/core/agm-core"' has no exported member 'MapTypeControlStyle'
Meskipun itu memang diekspor:

Saya sudah mencoba menghapus node_modules dan package-lock, tetapi tidak lebih baik ...

Saya masih mendapatkan kesalahan ini juga.
Module not found: Error: Can't resolve '@agm/core/services/google-maps-types'
Saya mencoba mengakses misalnya google.maps.geometry.spherical.computeArea() . Saya dapat mencapai ini dengan menginstal @types/googlemaps dan kemudian import {} from 'googlemaps'; tetapi ini terasa seperti peretasan ditambah IntelliJ Idea menandainya sebagai impor yang tidak digunakan. _Optimalkan impor_ lalu hapus baris ini dan pecahkan kodenya.
Ini bisa tolong diperbaiki? 🙏🏻

coba impor { GoogleMapsAPIWrapper } dari '@agm/core';

alih-alih mengimpor { GoogleMapsAPIWrapper } dari '@agm/core/service';

Ini masih belum diperbaiki di 1.1.0. Bisakah itu dibuka kembali dan dikerjakan?

Saya menghadapi kesalahan ini. Saya mencoba dengan versi yang berbeda dan kesalahan tetap ada ...

untuk semua yang "masih" menghadapi kesalahan ini, jangan lakukan impor yang dalam, lakukan yang dangkal.

Hai @ doom777 apakah ini ditujukan?

ya, jika Anda menggunakan versi 3.0.0 yang baru, hapus impor sepenuhnya karena kami tidak lagi mengemas jenis google berpemilik. Jika Anda menggunakan 1.1.0, cukup impor tipe dari @agm/core , dan tidak jauh di dalam lib

Bisakah Anda membantu saya sedikit di sini?

Saya melihat sekarang bahwa AGM bisa mendapatkan QueryList mapControls: QueryList<AgmMapControl>;

Apakah kita sekarang melakukannya seperti apa?

Sebelum itu:

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

Dan pada template:

<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">

baik, datang ke perselisihan untuk diskusi lebih lanjut, tetapi pada dasarnya

<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 Yakinlah itu. Melihat bahwa ini ada di sana dan saya bertanya-tanya untuk bergabung atau tidak :-D

Biarkan saya mencoba saran Anda. Saya tidak tahu mereka sekarang menjadi elemen. Jauh lebih baik

ya, jika Anda menggunakan versi 3.0.0 yang baru, hapus impor sepenuhnya karena kami tidak lagi mengemas jenis google berpemilik. Jika Anda menggunakan 1.1.0, cukup impor tipe dari @agm/core , dan tidak jauh di dalam lib

Hai @ doom777 Saya masih mengalami beberapa masalah setelah memperbarui proyek saya:

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';

Saya ingin menerima saran Anda untuk tidak melakukan impor dalam, tetapi sayangnya ini masih terjadi di @agm/js-marker-clusterer. Apakah saya melewatkan sesuatu?

Ini adalah versi yang digunakan:

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

Terima kasih sebelumnya!

Anda memiliki ketidakcocokan versi. Jika Anda menggunakan sudut 10, gunakan @agm/[email protected] dan @agm/[email protected] .
Jika Anda menggunakan Angular 9 dan sebelumnya, gunakan @agm/[email protected] dan @agm/[email protected]

Anda memiliki ketidakcocokan versi. Jika Anda menggunakan sudut 10, gunakan @agm/[email protected] dan @agm/[email protected] .
Jika Anda menggunakan Angular 9 dan sebelumnya, gunakan @agm/[email protected] dan @agm/[email protected]

Ini berhasil. Tetapi saya perlu memperbarui dari:

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

ke:

import { AgmMarkerClustererModule } from '@agm/markerclusterer'

Dalam modul saya. Untuk beberapa alasan, [streetViewControl] dan [zoomControl] tidak berfungsi. Setelah menghapusnya, itu berfungsi normal. Saya akan memvalidasi dalam dokumen jika ada yang berubah untuk properti ini.

Selain itu, terkait dengan @agm/markerclusterer Saya pikir dokumentasinya mungkin akan diperbarui secepatnya.

Benar. Opsi kontrol telah dihapus demi sub elemen kontrol