Angular-google-maps: एओटी संकलन काम नहीं किया है।

@DoyeonOhTravel कैसे आप अपने app.module.ts कोड साझा कर सकते हैं? धन्यवाद!

मैं एक ही चीज देख रहा हूं - संभवतः कुछ करने के लिए एक लापता ngc -generated .metadata.json फ़ाइल। Https://github.com/angular/angular/issues/11262 देखें

@SebastianM वास्तव में कोणीय टीम का सुझाव है कि पुस्तकालय विक्रेताओं को भी .metadata.json फ़ाइलों को शिप करना चाहिए। ये फाइलें एनजीसी द्वारा स्वचालित रूप से निर्मित होती हैं।

आपकी टिप्पणी नीचे उपयोगी हो सकती है:

https://github.com/angular/angular/issues/11262#issuecomment -244449696

https://github.com/angular/angular/issues/11262#issuecomment -244472000

https://github.com/angular/angular/issues/11262#issuecomment -244489405

पूरी बातचीत (https://github.com/angular/angular/issues/11262)

@SebastianM यह मेरा app.module.ts कोड है। आपका उत्तर धन्यवाद!

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { APP_BASE_HREF } from '@angular/common';
import { RouterModule } from '@angular/router';
import { HttpModule } from '@angular/http';
import { AppComponent } from './app.component';
import { routes } from './app.routes';

import { AboutModule } from './about/about.module';
import { HomeModule } from './home/home.module';
import { SharedModule } from './shared/shared.module';
import { AgmCoreModule } from 'angular2-google-maps/core/index.js';
import { provideLazyMapsAPILoaderConfig } from 'angular2-google-maps/core';

@NgModule({
  imports: [
    BrowserModule,
    HttpModule,
    RouterModule.forRoot(routes),
    AboutModule,
    HomeModule,
    SharedModule.forRoot(),
    AgmCoreModule.forRoot()
  ],
  declarations: [AppComponent],
  providers: [
    {
      provide: APP_BASE_HREF,
      useValue: '<%= APP_BASE %>'
    },
    provideLazyMapsAPILoaderConfig({
      apiKey: 'key',
      clientId: ''
    })
  ],
  bootstrap: [AppComponent]

})

export class AppModule { }

@ rh389 @ naveedahmed1 जैसा कि आप कहते हैं, ऐसा लगता है कि metadata.json । धन्यवाद!।

@SebastianM और यह शाखा googleMap का उपयोग करने के साथ नमूना कोड है।

@DoyeonOhTravelHow @doyeonOh @ naveedahmed1 धन्यवाद दोस्तों! मैं आज शाम इसकी जांच करूंगा।

इस फिक्स की स्थिति के बारे में निश्चित नहीं है, लेकिन यह भी अच्छा हो सकता है कि आप इसी मुद्दे को ng2-Translate में चेकआउट करें।

इसमें मैं एक ब्लॉग पोस्ट पर प्रकाश डालूंगा जिसमें बताया गया है कि इसे सामान्य रूप से कैसे हल किया जाए और कुछ लिंक जो पुस्तकालयों के रिपोज का उदाहरण देते हैं

मैंने आपके द्वारा उल्लिखित ब्लॉग पोस्ट लिखी है। मुझे खुशी है कि तुम्हें इसे पसंद किया है। मुझे लगता है कि आप जिस त्रुटि में चल रहे हैं वह metadata.json फ़ाइलों से सीधे संबंधित नहीं है, हालांकि आपको उन लोगों की भी आवश्यकता होगी। मेरा अनुमान है कि कहीं न कहीं आपके कोड में आपके पास export const blah = () => something जिसे export function blah() { return something; } बदलना होगा।

मैंने एक और लेख लिखा है जो कुछ त्रुटियों के समाधान के माध्यम से जाता है ( Function calls are not supported त्रुटि सहित) मैं अपडेट करने के लिए पुस्तकालयों में चला गया हूं जो एओटी के अनुकूल है।

हो सकता है कि https://github.com/SebastianM/angular2-google-maps/blob/master/src/core/services/maps-api-loader/lazy-maps-ap-loader.ts#L188

AoT समर्थन के लिए +1
Ionic2 RC0 के साथ कोणीय 2-गूगल-मैप को एकीकृत करने के लिए कल संघर्ष कर रहा था

आपका बहुत बहुत धन्यवाद!

@modularcoder क्या आपको वास्तव में यह काम कर रहा था? मैंने लैम्बडा को बदलने की कोशिश की जैसा कि एक कारखाने-पैटर्न फ़ंक्शन और निर्यात में ऊपर दो पदों का सुझाव दिया गया था, लेकिन यह अभी भी विफल हो रहा था।

देव एव के लिए निर्माण में केवल एओटी के बिना @lazarljubenovic।

मैंने यहाँ चरणों का वर्णन किया है
https://forum.ionicframework.com/t/angular2-google-maps-in-ionic-2/65736

सुनिश्चित करें कि आपके पास @ आयनिक / ऐप-स्क्रिप्ट का नवीनतम संस्करण स्थापित है जो देव बिल्ड के दौरान एओटी संकलन नहीं करता है।
https://github.com/driftyco/ionic-app-scripts

@modularcoder जब आप एंड्रॉइड के लिए ऐप का निर्माण करना है तो क्या करना है, त्रुटि है ... क्या आपको इसके लिए कोई समाधान मिला? शायद हम इस बिंदु पर क्षुधा के लिए Ionic 2 का उपयोग नहीं किया जाना चाहिए, वास्तव में कुछ भी नहीं ...

@allurco हाँ, मैंने पैकेज में कार्य को बनाने के लिए "--देव" ध्वज को जोड़कर एओटी संकलन के बिना ऐप बनाने में कामयाबी हासिल की है।

मैंने एक उदाहरण रेपो बनाया है
https://github.com/modularcoder/ionic2-angular2-google-maps-example/blob/master/README.md

अधिक जानकारी के लिए readme का संदर्भ लें।

PS सुनिश्चित करें कि आपके पास @ आयनिक / ऐप-स्क्रिप्ट पैकेज का नवीनतम संस्करण स्थापित है।

इस बग को ठीक किया जा सकता है पर @SebastianM कोई भी अपडेट? धन्यवाद!

@basvdijk क्षमा करें दोस्तों, मैं वर्तमान में बिल्ड का पुनर्लेखन कर रहा हूं

@ सबस्टियनम ग्रेट! आपका प्रयास वास्तव में सराहनीय है 👍

यह देखना बहुत अच्छा है! जब आप इस अद्यतन को जारी करने जा रहे हैं, तो कोई विचार?

क्या यह तय है? AoT के साथ कोणीय 2-गूगल-मैप्स का उपयोग करना त्रुटि "त्रुटि प्रतीक मूल्यों को हल करने में त्रुटि का सामना करना पड़ा। फ़ंक्शन कॉल समर्थित नहीं हैं। निर्यात किए गए फ़ंक्शन के संदर्भ में फ़ंक्शन या लैम्ब्डा को बदलने पर विचार करें, प्रतीक को हल करने के लिए" क्या कोई इसके लिए मार्गदर्शन कर सकता है?

मुझे लगता है कि बग को ठीक कर दिया गया है और इस मुद्दे को 0.16 मील के पत्थर में जोड़ा गया है

@ naveedahmed1 0.16.0 के लिए मील का पत्थर 55% पर है https://github.com/SebastianM/angular2-google-maps/milestone/12

शायद यह मैं हूं, लेकिन मैंने GitHub रिपॉजिटरी से लाइब्रेरी स्थापित की और मुझे 2 और त्रुटियां मिलीं:
Consider replacing the function or lambda with a reference to an exported function, resolving symbol LAZY_MAPS_API_CONFIG in /Users/william/Ionic/mapOnDevice1/node_modules/angular2-google-maps/src/core/services/maps-api-loader/lazy-maps-api-loader.ts, resolving symbol AgmCoreModule in /Users/william/Ionic/mapOnDevice1/node_modules/angular2-google-maps/src/core/core-module.ts,

किसी और को ?

@ tchinou1 रूप में उल्लेख किया पहले AOT समर्थन के साथ 0.16.0 के लिए मील का पत्थर 55% है यह देखने के https://github.com/SebastianM/angular2-google-maps/milestone/12 दूर के रूप में के रूप में मुझे पता है नवीनतम संस्करण जारी किया करता हूँ अभी तक एओटी का समर्थन नहीं करते।

@basvdijk npm install git+https://[email protected]/SebastianM/angular2-google-maps.git चलने से यह संशोधनों के साथ संस्करण स्थापित नहीं करेगा?

@staticint जो वास्तव में मामला हो सकता है। शायद @SebastianM यह वर्णन कर सकता है कि आप AoT समर्थन के साथ नवीनतम git संस्करण कैसे स्थापित कर सकते हैं।

संपादित करें: क्षमा करें, मैं गलत हूं - npm इंस्टॉलेशन आपके लिए पहले से निर्मित होना चाहिए।

सीधे npm के साथ रेपो खींचकर आप केवल स्रोत प्राप्त कर रहे हैं, निर्मित संपत्ति नहीं।

सिद्धांत रूप में आप इस रेपो को क्लोन कर सकते हैं, इसे स्थानीय रूप से npm लिंक कर सकते हैं, लेकिन यह केवल स्थानीय विकास के लिए व्यावहारिक है। या आप कहीं भी बिल्ड के टारबॉल को अपलोड कर सकते हैं और इसे npm के साथ खींच सकते हैं ।

क्या किसी को यह कैसे GitHub भंडार से स्थापित करने के लिए पता है?

धन्यवाद

@ tchinou1 यह डॉक्स में है ।

एक प्रश्न। मैंने सिर्फ मास्टर ब्रांच को कांट-छांट, क्लोन, बिल्ट और npm-link'd किया और अपने मौजूदा प्रोजेक्ट पर मुझे Uncaught Error: Can't resolve all parameters for LazyMapsAPILoader: (?, WindowRef, DocumentRef). । मैं अपने मॉड्यूल के imports में निम्न कोड के साथ एक आलसी लोड किए गए मॉड्यूल में इस काम को आयात कर रहा हूं:

AgmCoreModule.forRoot({
    apiKey: 'xxx',
}),

मैंने एक काले रंग की नई परियोजना बनाने की कोशिश की और स्थिति को न्यूनतम रूप से पुन: प्रस्तुत करने की कोशिश की, लेकिन यह अन्य रेपो में काम करता है इसलिए मुझे पता नहीं है कि कहां से शुरू करना है। यह ऐसा है जैसे यह forRoot पद्धति से प्राप्त की गई वस्तु को प्राप्त नहीं करता है।

किसी के पास भी ऐसी ही स्थिति थी या यह त्रुटि संदेश था? मुझे पता है कि यह बिना किसी कोड और एक गैर-प्रजनन योग्य त्रुटि के बिना एक लंबा शॉट है, लेकिन मैं विचारों से बाहर निकल रहा हूं।

मैं अपने कोणीय Google नक्शे को कैसे अपडेट कर सकता हूं ताकि AOT काम करे? AOT संस्करण अब उपलब्ध है?

AOT काम करने के लिए, "angular2-google-maps": "^0.16.0", को अपनी package.json फ़ाइल में जोड़ें

फिर आपके एप्लिकेशन घटक में मॉड्यूल आयात करें:

import { AgmCoreModule } from 'angular2-google-maps/core';

और इसे अपने आयातों में जोड़ें (xxxx को अपने एपीआई कुंजी के साथ बदलें)

NgModule({
  declarations: [],
  imports: [
    AgmCoreModule.forRoot({
      apiKey: 'xxxxxxxxxxxxxxxxxxxxx'
    })
  ],

अब अपने टेम्पलेट में आप घटक का उपयोग कर सकते हैं जैसे:

        <sebm-google-map disableDefaultUI="true" [zoom]="zoom" [latitude]="location.latitude" [longitude]="location.longitude">

            <sebm-google-map-marker [latitude]="location.latitude" [longitude]="location.longitude"></sebm-google-map-marker>

        </sebm-google-map> 

मैं 0.17.0 मील का पत्थर का उपयोग कर रहा हूं, और नीचे की त्रुटि जारी है।
"Google 'नाम नहीं ढूँढ सकता।
"नहीं मिल सकता है नामस्थान 'Google'

यह त्रुटि पहले ही ठीक हो चुकी है?