Angular-google-maps: मॉड्यूल नहीं मिला: '@ agm/core/services/google-maps-types'

मेरा भी यही विचार है

क्या आप node_modules हटा सकते हैं और npm install . फिर से चला सकते हैं

@ कयामत777 मैंने कई बार किया है। कोई भाग्य नहीं।

नीचे नमूना कोड स्निपेट,

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

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

हम्म, स्टैकब्लिट्ज की अभी अपनी समस्याएं हैं। मैं पुनरुत्पादन में सफल नहीं हो रहा हूं।

यहाँ मैं क्या कोशिश कर रहा हूँ:

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 को आयात करने का प्रयास किया

मुझे अभी मिल रहा है

ध्यान में न आया (वादे में) त्रुटि: पूर्व निर्धारित विन्यास में sepcified नहीं
Object.config (webcontainer.5f16b010d2745c788a2.js:15)
t.config पर (webcontainer.5f16b010d2745c788a2.js:15)
Be पर (पूर्वावलोकन-4858aaa60d96ac0657bab.js:1)
पूर्वावलोकन-4858aaa60d96ac06 . पर

57bab.js:1

यह एक स्टैकब्लिट्ज त्रुटि प्रतीत होती है

क्या आप कुछ कोशिश कर सकते हैं?

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' में बदलना होगा

@ कयामत777 मैंने #1730 का क्लोन बनाया, निर्माण किया और परीक्षण किया। यह अपेक्षा के अनुरूप काम कर रहा है।

@ doom777 ऐसा लगता है कि एनजी-पैकेजर चीजों को कैसे पैकेज करता है।

लोगों को इसके लिए एक बार अपने आयात को अपडेट करने के बजाय और फिर #1648 के लिए क्या हमें केवल #1648 प्राप्त करने पर ध्यान देना चाहिए जो किसी भी Google मानचित्र आयात को संभालेगा? (#1730 के लिए आपके परिवर्तन की आवश्यकता उन निर्देशों/सेवाओं के लिए हो सकती है जो @agm/core के माध्यम से आयात नहीं किए जाते हैं और इसके बजाय @agm/core/{directives,services} से आयात किए जाते हैं

बस स्पष्ट होने के लिए एनजी-पैकगर एपीआई सतह के संबंध में संभावित रूप से तोड़ने वाला परिवर्तन था जहां # 1648 उसी सतह को तोड़ रहा है (गूगल मैप्स प्रकार आयात)

मैंने #1731 जोड़ा जो इस मॉड्यूल के लिए एक एनजी-पैकगर परिवर्तन है, लेकिन यह @agm/core/* से आयात को संबोधित नहीं करता है जो @agm/core/services/google-maps-types नहीं हैं ( @agm/core/services या @agm/core/directives सहित)

मुझे यह त्रुटि तब मिलती है जब मैं {google} को @agm/core/services/google-maps-types से आयात करने का प्रयास करता हूं। मैंने कई बार node_modules को हटाने और npm install को फिर से चलाने का भी प्रयास किया है। कृपया मुझे समाधान खोजने में मदद करें।

@pasqualepalmaccio अगर यह उत्पादन कर रहा है, तो 1.0.0-बीटा.7 पर वापस जाएं। अन्यथा, तब तक प्रतीक्षा करें जब तक हम कोई समाधान जारी नहीं कर देते।

अद्यतन करने के बाद मेरे पास एक ही समस्या है। क्या कोई वर्कअराउंड है?

@jimmykane आपको यह सुनिश्चित करना चाहिए कि आपका package.json "@agm/core: "1.0.0-beta.7" निर्दिष्ट करता है न कि @agm/core: "^1.0.0-beta.7" क्योंकि इसका मतलब यह होगा कि आपके पास 1.0.0 रिलीज़ है जो समान इंटरफ़ेस को उजागर नहीं करता है।

हम इसे ठीक करने पर काम कर रहे हैं, लेकिन कुछ अन्य आयात हैं जिन्हें हमें संबोधित करने की आवश्यकता है।

हमारे पास एक फिक्स है, बस अस्थायी समस्या इसे विलय कर रही है

मुझे अभी भी यह समस्या दिखाई दे रही है, क्या यह समाधान विलय हो गया है?

नहीं, मेरे पीआर को स्वीकृत करने के लिए कोई अन्य योगदानकर्ता नहीं मिल रहा है :(

क्या यह फिक्स मर्ज किया गया है?

हो सकता है कि जब तक आप किसी फिक्स पर काम करते हैं, तब तक 1.0.0 संस्करण को वापस खींच लें?

आयात करने का प्रयास करने में एक ही समस्या है:

आयात { ZoomControlOptions, ControlPosition, ZoomControlStyle } '@agm/core/services/google-maps-types' से;

फिक्स की सूचना पाने के लिए बस साइन अप करें। अभी के लिए हार्ड-कोडेड मैजिक वैल्यू का उपयोग करेंगे

आप अभी के लिए 1.0.0-बीटा.7 का उपयोग कर सकते हैं।
1.0.1 जल्द ही बाहर आ रहा है, मैं सेबस्टियन होल्स्टीन से संपर्क करने की कोशिश कर रहा हूं, लेकिन कोई भाग्य नहीं

हाय @SebastianM वाकी वेकी .... कृपया आओ इसे टक्कर दें

1.0.0-बीटा.7 आईवीवाई के साथ टूट जाता है इसलिए वर्तमान में हमें इस पैकेज का उपयोग करने से रोक दिया गया है।

टक्कर @SebastianM कृपया इस रेपो को बनाए रखें। विलय और विमोचन।

1 व्यक्तियों के काम के लिए हम सब यहाँ संघर्ष कर रहे हैं।

शायद हमें इसे सिर्फ फोर्क करना चाहिए? स्पष्ट रूप से पर्याप्त लोग इस पैकेज का उपयोग करने में रुचि रखते हैं।

या: https://drewdevault.com/2018/12/04/How-to-abandon-a-FLOSS-project.html
या यहां तक ​​कि: https://www.codeshelter.co/

शायद सेबस्टियन यहाँ कोलाब में सही विशेषाधिकार जोड़ सकता है
और वोइला समस्या हल हो गई।

शनिवार, 2 नवंबर 2019, 12:37 लुकास न्यूमैन, नोटिफिकेशन @github.com ने लिखा:

शायद हमें इसे सिर्फ फोर्क करना चाहिए? स्पष्ट रूप से पर्याप्त पीपीएल उपयोग करने में रुचि रखते हैं
यह पैकेज।

या: 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=AAJVX45GD4L46U7JGGD7FMDQRVQ7FA5CNFSM4IYS2YRKYY3PNVWWK3TUL52HS4DFVREXG43LOZVVBW
या सदस्यता समाप्त करें
https://github.com/notifications/unsubscribe-auth/AAJVX45ENBM22GNL6UEF26TQRVQ7FANCNFSM4IYS2YRA
.

मैं समझ रहा हूं

Module not found: Error: Can't resolve '@agm/core/services' हालांकि यह स्थापित है !!

@एजीएम/कोर: 1.0.0-बीटा.3

क्या आप 1.0.0-बीटा.7 में अपग्रेड करने का प्रयास कर सकते हैं?

मैं इसे कैसे अपग्रेड करूं? -> एनपीएम 'एजीएम/कोर 1.0.0-बीटा.7' स्थापित करें?

ठीक है, npm install @agm/[email protected] या npm update @agm/core

अद्यतन किए बिना हल किया गया। मैंने कोशिश की

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

और यह सफलतापूर्वक काम कर रहा है।

ठीक। साथ ही, आपको शायद GOogleMapsAPIWrapper का उपयोग नहीं करना चाहिए

आप कृपया क्यों समझा सकते हैं? @ कयामत777

आप कृपया क्यों समझा सकते हैं? @ कयामत777

मेरा मानना ​​है कि GoolgeMapsAPIWrapper केवल पुस्तकालय के लिए आंतरिक रूप से उपयोग करने के लिए है, न कि हम इसके उपभोक्ताओं के लिए। आपको मुख्य घटक के लिए इनपुट और इवेंट बाइंडिंग का उपयोग करना चाहिए। अपने मॉड्यूल में आप AgmCoreModule आयात करते हैं, और इसे अपने आयात अनुभाग में रूट करते हैं।

यदि आप Google मानचित्र एपीआई तक सीधी पहुंच प्राप्त करना चाहते हैं, तो आप घटक पर (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 . इंस्टॉल करके अपने मानचित्र के लिए टाइपिंग प्राप्त कर सकते हैं

@Toomavic
GoogleMapsApiWrapper आंतरिक रूप से लाइब्रेरी या एक्सटेंशन के लिए है। यह अनिवार्य है, जो एंगुलर की घोषणात्मक शैली के विरुद्ध है। अधिकांश चीजें जो आप GMAW के साथ करेंगे, आपको एजीएम-मैप और उसके बच्चों पर इनपुट और आउटपुट के साथ करने में सक्षम होना चाहिए।

@ermcgrat आप "@ agm/core" से अधिकांश प्रकार भी प्राप्त कर सकते हैं, कम से कम # 1648 विलय होने तक

धन्यवाद दोस्तों .. बहुत धन्यवाद

हाय यह मुद्दा क्यों बंद है?
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'
हालांकि इसने इसे निर्यात किया है:

मैंने पहले ही नोड_मॉड्यूल्स और पैकेज-लॉक को हटाने की कोशिश की है, हालांकि बेहतर नहीं कर रहा हूं ...

मुझे अभी भी यह त्रुटि मिल रही है।
Module not found: Error: Can't resolve '@agm/core/services/google-maps-types'
मैं उदाहरण के लिए google.maps.geometry.spherical.computeArea() तक पहुंचने का प्रयास कर रहा हूं। मैं इसे @types/googlemaps और फिर import {} from 'googlemaps'; इंस्टॉल करके हासिल कर सकता हूं लेकिन ऐसा लगता है कि हैकी प्लस इंटेलिजे आइडिया इसे अप्रयुक्त आयात के रूप में चिह्नित करता है। _Optimize imports_ फिर इस लाइन को हटाता है और कोड को तोड़ता है।
क्या इसे कृपया ठीक किया जा सकता है? 🙏🏻

{ GoogleMapsAPIWrapper } को '@agm/core' से आयात करने का प्रयास करें;

'@agm/core/service' से { GoogleMapsAPIWrapper } आयात करने के बजाय;

यह अभी भी 1.1.0 में तय नहीं है। क्या कृपया इसे फिर से खोला जा सकता है और इस पर काम किया जा सकता है?

मुझे इस त्रुटि का सामना करना पड़ रहा है। मैंने विभिन्न संस्करणों के साथ प्रयास किया और त्रुटि बनी हुई है ...

उन सभी के लिए जो "अभी भी" इस त्रुटि का सामना कर रहे हैं, गहरे आयात न करें, उथले वाले करें।

हाय @ कयामत777 क्या यह संबोधित है?

हाँ, यदि आप नए 3.0.0 संस्करण का उपयोग कर रहे हैं, तो आयात को पूरी तरह से हटा दें क्योंकि अब हम स्वामित्व वाले Google प्रकारों को पैकेज नहीं करते हैं। यदि आप 1.1.0 का उपयोग कर रहे हैं, तो केवल @agm/core से प्रकार आयात करें, और lib के अंदर गहरे नहीं

क्या आप यहां मेरी कुछ मदद कर सकते हैं?

अब मैं देखता हूं कि एजीएम को एक क्वेरीलिस्ट मिल सकती है 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>

@ कयामत777 रोजर कि। देखा कि यह वहाँ था और मैं शामिल होने की सोच रहा था या नहीं :-D

मुझे आपकी सलाह का प्रयास करने दो। मुझे नहीं पता था कि वे अब तत्व हैं। काफी बेहतर

हाँ, यदि आप नए 3.0.0 संस्करण का उपयोग कर रहे हैं, तो आयात को पूरी तरह से हटा दें क्योंकि अब हम स्वामित्व वाले Google प्रकारों को पैकेज नहीं करते हैं। यदि आप 1.1.0 का उपयोग कर रहे हैं, तो केवल @agm/core से प्रकार आयात करें, और lib के अंदर गहरे नहीं

हाय @ कयामत777 मुझे अपनी परियोजना को अपडेट करने के बाद भी कुछ समस्याएं आ रही हैं:

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] उपयोग करें।
यदि आप एंगुलर 9 और इससे पहले का उपयोग कर रहे हैं, तो @agm/[email protected] और @agm/[email protected] . का उपयोग करें

आपके पास एक संस्करण बेमेल है। यदि आप कोणीय 10 का उपयोग कर रहे हैं, तो @agm/[email protected] और @agm/[email protected] उपयोग करें।
यदि आप एंगुलर 9 और इससे पहले का उपयोग कर रहे हैं, तो @agm/[email protected] और @agm/[email protected] . का उपयोग करें

यह काम किया। लेकिन मुझे इससे अपडेट करने की आवश्यकता है:

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

प्रति:

import { AgmMarkerClustererModule } from '@agm/markerclusterer'

मेरे मॉड्यूल में। किसी कारण से, [streetViewControl] और [zoomControl] काम नहीं कर रहे थे। उन्हें हटाने के बाद, यह सामान्य रूप से काम करता था। अगर इन गुणों के लिए कुछ बदल गया है तो मैं दस्तावेज़ों में मान्य हूं।

इसके अलावा, @agm/markerclusterer से संबंधित मुझे लगता है कि प्रलेखन ASAP अद्यतन किया जा सकता है।

सही। नियंत्रण उप तत्वों के पक्ष में नियंत्रण विकल्प हटा दिए गए हैं