Angular-google-maps: AOT 컴파일이 작동하지 않습니다.

@DoyeonOhTravel 어떻게 app.module.ts 코드를 공유 할 수 있습니까? 감사!

나는 똑같은 것을보고있다- ngc -생성 된 .metadata.json 파일과 관련이있을 수있다. https://github.com/angular/angular/issues/11262 참조

@SebastianM 실제로 Angular 팀은 라이브러리 공급 업체가 .metadata.json 파일도 제공해야한다고 제안합니다. 이러한 파일은 ngc에 의해 자동으로 생성됩니다.

아래 댓글이 유용 할 수 있습니다.

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-api-loader.ts#L188 의 useFactory 람다 일 수

AoT 지원 +1
어제 angular2-google-maps를 Ionic2 RC0과 통합하기 위해 고군분투했습니다.

감사합니다!

@modularcoder 실제로 작동하게 되었습니까? 위의 두 게시물에서 제안한대로 람다를 공장 패턴 함수 및 내보내기로 변경하려고 시도했지만 여전히 실패했습니다.

@lazarljubenovic 은 개발 환경 용 빌드에서

여기에 단계를 설명했습니다.
https://forum.ionicframework.com/t/angular2-google-maps-in-ionic-2/65736

개발 빌드 중에 AoT 컴파일을 수행하지 않는 최신 버전의 @ ionic / app-scripts가 설치되어 있는지 확인하십시오.
https://github.com/driftyco/ionic-app-scripts

@modularcoder Android 용 앱을 빌드해야 할 때해야 할 일, 오류가 있습니다 ... 이에 대한 해결책을 찾았습니까? 이 시점에서 우리는 앱에 Ionic 2를 사용해서는 안됩니다.

@allurco 예, package.json에 작업을 빌드 하기

예제 저장소를 만들었습니다.
https://github.com/modularcoder/ionic2-angular2-google-maps-example/blob/master/README.md

자세한 내용은 Readme를 참조하십시오.

추신 : 최신 버전의 @ ionic / app-scripts 패키지가 설치되어 있는지 확인하십시오.

@SebastianM 이 버그가 수정 될 수있는시기에 대한 업데이트가 있습니까? 감사!

@basvdijk 죄송합니다. 현재 AOT를 지원할 수 있도록 빌드 절차를 다시 작성하고 있습니다. 다음 날 업데이트를 기대하십시오.

@SebastianM 좋아요! 귀하의 노력에 감사드립니다 👍

이것이 고쳐 져서 반갑습니다! 이 업데이트를 언제 출시할지에 대한 생각이 있으십니까?

고정되어 있습니까? AoT와 함께 angular2-google-maps를 사용하면 "정적으로 기호 값을 해결하는 동안 오류가 발생했습니다. 함수 호출이 지원되지 않습니다. 함수 또는 람다를 내 보낸 함수에 대한 참조로 바꾸고 기호를 해결하는 것이 좋습니다."라는 오류가 발생합니다.

버그가 수정되었고 문제가 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 참조 최신 릴리스 버전이 아직 AoT를 지원하지 않습니다.

@basvdijk npm install git+https://[email protected]/SebastianM/angular2-google-maps.git 실행하면 수정 된 버전이 설치되지 않습니까?

실제로 그럴 수있는 @staticint . 아마도 @SebastianM 은 AoT 지원을 통해 최신 git 버전을 설치하는 방법을 설명 할 수 있습니다.

편집 : 죄송합니다, 제가 틀 렸습니다-npm 설치가 이미 빌드되어 있어야합니다.

npm으로 리포지토리를 직접 가져 오면 빌드 된 자산이 아닌 소스 만 얻을 수 있습니다.

이론적으로는이 저장소를 복제 하고 로컬에서 npm 링크 를 할 수 있지만 이는 아마도 로컬 개발에만 실용적 일 것입니다. 또는 빌드의 tarball을 어딘가에 업로드 하고 npm으로 가져올 수 있습니다.

아무도 GitHub 저장소에서 설치하는 방법을 알고 있습니까?

감사

@ tchinou1 그것은 npm 문서에 있습니다.

질문. 방금 마스터 브랜치를 포크, 복제, 빌드 및 npm 링크했으며 기존 프로젝트에서 Uncaught Error: Can't resolve all parameters for LazyMapsAPILoader: (?, WindowRef, DocumentRef). 얻습니다. 내 모듈의 imports 다음 코드를 사용하여 지연로드 된 모듈에서이 라이브러리를 가져옵니다.

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

검은 색 새 프로젝트를 만들고 상황을 최소한으로 재현하려고 시도했지만 다른 저장소에서 작동하므로 어디서부터 시작해야할지 모르겠습니다. forRoot 메서드를 통해 전달 된 객체를받지 못하는 것과 같습니다.

누구든지 비슷한 상황이나이 오류 메시지가 있었습니까? 코드가없고 재현 할 수없는 오류가없는 롱샷이라는 것을 알고 있지만 아이디어에서 벗어나고 있습니다.

AOT가 작동하도록 각도 Google지도를 어떻게 업데이트 할 수 있습니까? 현재 AOT 버전을 사용할 수 있습니까?

AOT가 작동하도록하려면 package.json 파일에 "angular2-google-maps": "^0.16.0", 을 추가하세요.

그런 다음 앱 구성 요소에서 모듈을 가져옵니다.

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

가져 오기에 추가하십시오 (xxxx를 API 키로 대체하십시오)

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'네임 스페이스를 찾을 수 없습니다.

이 오류는 이미 수정 되었습니까?