Angular-google-maps: कोणीय 6 समर्थन

यहाँ टिप्पणियों के लिए

नमस्ते,

बस मेरी परियोजना को चलाने की कोशिश की, ये संबंधित त्रुटियां हैं:

node_modules/@agm/core/services/google-maps-api-wrapper.d.ts(2,10): error TS2305: Module '"my-project/node_modules/rxjs/Observable"' has no exported member 'Observable'.
node_modules/@agm/core/services/managers/circle-manager.d.ts(2,10): error TS2305: Module '"my-project/node_modules/rxjs/Observable"' has no exported member 'Observable'.
node_modules/@agm/core/services/managers/data-layer-manager.d.ts(2,10): error TS2305: Module '"my-project/node_modules/rxjs/Observable"' has no exported member 'Observable'.
node_modules/@agm/core/services/managers/info-window-manager.d.ts(1,10): error TS2305: Module '"my-project/node_modules/rxjs/Observable"' has no exported member 'Observable'.
node_modules/@agm/core/services/managers/kml-layer-manager.d.ts(2,10): error TS2305: Module '"my-project/node_modules/rxjs/Observable"' has no exported member 'Observable'.
node_modules/@agm/core/services/managers/marker-manager.d.ts(2,10): error TS2305: Module '"my-project/node_modules/rxjs/Observable"' has no exported member 'Observable'.
node_modules/@agm/core/services/managers/polygon-manager.d.ts(2,10): error TS2305: Module '"my-project/node_modules/rxjs/Observable"' has no exported member 'Observable'.
node_modules/@agm/core/services/managers/polyline-manager.d.ts(2,10): error TS2305: Module '"my-project/node_modules/rxjs/Observable"' has no exported member 'Observable'.

"@agm/core": "^1.0.0-beta.2",
"@angular/*": "6.0.0",
"rxjs": "^6.1.0",
"typescript": "2.7.2"

मैंने अपने मुद्दों को स्थापित करके हल किया
npm install rxjs<strong i="6">@6</strong> rxjs-compat<strong i="7">@6</strong> --save

जैसा वर्णित है https://github.com/ReactiveX/rxjs/blob/master/MIGRATION.md

एजीएम मानचित्र आरएक्सजेएस 6 के साथ टूट जाता है और इसे पीछे की संगतता के लिए कॉम्पेट मॉड्यूल की आवश्यकता होती है

कोणीय 6 अपग्रेड के बाद भी मुझे "स्नैज़ी-इन्फो-विंडो" के साथ कोई समस्या है।
core.js:1601 ERROR Error: Uncaught (in promise): TypeError: elems[0] is not a constructor TypeError: elems[0] is not a constructor at snazzy-info-window.js:130 at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:388) at Object.onInvoke (core.js:4071) at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:387) at Zone.push../node_modules/zone.js/dist/zone.js.Zone.run (zone.js:138) at zone.js:872 at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:421) at Object.onInvokeTask (core.js:4062) at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:420) at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (zone.js:188) at snazzy-info-window.js:130 at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:388) at Object.onInvoke (core.js:4071) at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (zone.js:387) at Zone.push../node_modules/zone.js/dist/zone.js.Zone.run (zone.js:138) at zone.js:872 at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:421) at Object.onInvokeTask (core.js:4062) at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:420) at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (zone.js:188) at resolvePromise (zone.js:814) at resolvePromise (zone.js:771) at zone.js:873 at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:421) at Object.onInvokeTask (core.js:4062) at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:420) at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (zone.js:188) at drainMicroTaskQueue (zone.js:595)

और मुझे यह चेतावनी संदेश भी मिलता है:
client?719c:153 ./node_modules/@agm/snazzy-info-window/directives/snazzy-info-window.js System.import() is deprecated and will be removed soon. Use import() instead. For more info visit https://webpack.js.org/guides/code-splitting/

rxjs-compat पैकेज के उपयोग से सावधान रहें, क्योंकि यह केवल एक समाधान है और आपके प्रोजेक्ट में बहुत अधिक अतिरिक्त जोड़ देगा। अब यह इस तरह के कई पैकेजों के कारण आवश्यक है जो अभी तक RxJS 6 में अपग्रेड नहीं हुए हैं, लेकिन इसे जल्द से जल्द हटा दें।

@epenance ने पैकेज को [email protected] पर अपडेट करने का अच्छा काम किया, लेकिन मुझे लगता है कि इसे पूरी तरह से Angular6 संगत बनाने से पहले, किसी भी ब्रेकिंग परिवर्तन की जांच करने की आवश्यकता है।

@ ukon1990 कोणीय 6 ने वेबपैक 4 का उपयोग करने के लिए स्विच किया, जिसने गतिशील आयात कॉमनज मॉड्यूल के दौरान व्यवहार को बदल दिया। मुझे नहीं पता क्यों लेकिन snazzy-info-window निर्देश गतिशील आयात snazzy-info-window पुस्तकालय का उपयोग कर रहा है, यही कारण है कि एक चेतावनी और टूटा हुआ snazzy-info-विंडो निर्देश है। इसे ठीक करने के लिए https://github.com/SebastianM/angular-google-maps/blob/1a74b3a9670cf4dbf442033a17dea290dfadc408/packages/snazzy-info-window/directives/snazzy-info-window.ts#L228
this._nativeSnazzyInfoWindow = new elems[0].default(options); में बदला जाना चाहिए लेकिन यह पिछड़ा संगतता समाधान नहीं है (यह कोणीय 5/वेबपैक 3 में काम नहीं करेगा)। मुझे नहीं पता कि इसे कैसे ठीक किया जाए।

मुझे पूरा यकीन है कि @SebastianM को पैकेजों को एक प्रमुख संस्करण से टकराने की जरूरत है क्योंकि कोणीय 6 पीछे की ओर बहुत सारे सामान को तोड़ता है।

@Epenance हाँ, मुझे शायद यही करना है, जो थोड़ा परेशान है क्योंकि मुझे दो शाखाओं का प्रबंधन करना है (क्योंकि बहुत कम लोग जल्द ही v6 पर होंगे)।

कोणीय-गूगल-मानचित्र v6 पर rxjs-compat (@ iget-master टिप्पणी को छोड़कर) के साथ ठीक काम करता है, लेकिन snazzy-info-window निर्देश वास्तव में अभी टूटा हुआ है। शायद सबसे आसान तरीका गतिशील आयात को स्थिर में बदल रहा है।

@SebastianM आप अभी के लिए कर सकते हैं:

• AGM पैकेज को RXJS6+RXJSCompat में अपग्रेड करें
• आइए RXJSCompat छोड़ें

सभी को खुश रहना चाहिए ना?

@SebastianM दो शाखाओं के बारे में, अपग्रेड करने का ngx-translate तरीका भी है, एक एकल शाखा, अंतिम रिलीज़ केवल v6 के साथ संगत है, कोई कोणीय पश्च संगतता नहीं है

यह बिल्कुल नहीं कह रहा है, बस यह बताना चाहता था कि एक और प्रमुख पुस्तकालय (मासिक डाउनलोड के मामले में) ने ऐसा पथ चुना है

@jimmykane नहीं, rxjs 6 के रूप में कोणीय 4/5 के साथ संगत नहीं है। मुझे लगता है कि एक समाधान है ... पीआर आ रहा है

@peterpeterparker मुझे लगता है कि नवीनतम दो संस्करणों का समर्थन करना उचित है, जो अब कोणीय 5/6 हैं और मुझे एक पिछड़ा संगत तरीका मिला है (जो अभी के लिए कोणीय 4 के साथ भी काम करना चाहिए, लेकिन मैं अगले संस्करण को कोणीय 5 के समर्थन के साथ ध्वजांकित करूंगा/ 6) - लेकिन इस पर आगे चर्चा करने में खुशी हो रही है

@SebastianM कोई चिंता नहीं, बस जानकारी लाना चाहता था, मैं किसी भी तरह से खुश हूं क्योंकि मैंने पहले ही अपनी वेबसाइट को v6 में स्थानांतरित कर दिया है।

आईएमओ, चूंकि एंगुलर 6 में माइग्रेशन लगभग दर्द रहित है (कम से कम हमारी परियोजनाओं पर), मुझे 4 और 5 के संस्करण को बनाए रखने का कोई कारण नहीं दिखता है। बस खतरनाक सुरक्षा सुधार प्रदान करें।

@SebastianM को वास्तव में इसे मूल रूप से अपग्रेड करने की आवश्यकता है

क्या हमारे पास एंगुलर 6 समर्थन के लिए एक स्थिर रिलीज होगी? rxjs-compat के साथ ठीक काम कर रहा है, लेकिन मैं इसे यथाशीघ्र हटाना चाहूंगा

अरे..इस पर कोई अपडेट?

ओह! मैं सिर्फ कोणीय 6 में अपग्रेड करता हूं और मुझे स्नैज़ी-इन्फो-विंडो पर समस्या है जिस पर आप चर्चा कर रहे हैं:

त्रुटि: ध्यान में न आया (वादे में): लेखन त्रुटि: elems [0] एक निर्माता नहीं है
लेखन त्रुटि: elems [0] एक निर्माता नहीं है
snazzy-info-window.js:130 . पर

क्या आपके पास कोई विचार है कि इसे कैसे ठीक किया जाए?

आपको धन्यवाद!

@manuelsanchezaponte अभी के लिए, @ जॉन-हाय समाधान काम करता है, $#$ node_modules/@agm/snazzy-info-window/directives/snazzy-info-window.js $#$ में लाइन 130 को _this._nativeSnazzyInfoWindow = new elems[0].default(options); में बदलें। यह एक अस्थायी समाधान है जबकि पैकेज कोणीय 6 का समर्थन करता है।

@LordShiroe सही हैं जो एक त्वरित सुधार लगता है। एजीएम v6 में अपग्रेड करने वाला अंतिम अवरोधक है।

धन्यवाद @SebastianM त्वरित सुधार के लिए सराहना करता है! एक आकर्षण की तरह काम करना। मैं

वाह आप एक तेज़ परीक्षक हैं :D खुशी है कि यह काम करता है

@SebastianM thx बहुत