AnteaterKit / angular2-yandex-maps

Angular 2 components Yandex Maps.
27 stars 23 forks source link

import angular2-yandex-maps in NgModule #13

Closed BOPOHOB closed 6 years ago

BOPOHOB commented 6 years ago

поставили карты с помощью npm install angular2-yandex-maps потом указали "angular2-yandex-maps": "^1.0.40", испытав описанные ниже проблемы переустановили зависимости с помощью npm install, поведение не изменилось. Сборка с помощью AngularCli, версия ангуляра 4.3.4 Суть проблемы В шаблоне компонента AppComponent лежит следующее:

        <ya-map [latitude]="lt" [longitude]="lg" [zoom]="8">
        </ya-map>

ожидаемо получаем ругань на незнакомые элементы в шаблоне. Идём и прописываем в NgModule следующее:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';
import { MapComponent } from './map/map.component';
import { LeftBarComponent } from './left-bar/left-bar.component';
import { SubBarComponent } from './sub-bar/sub-bar.component';

import { YaCoreModule }  from 'angular2-yandex-maps';

@NgModule({
  imports: [
    BrowserModule, YaCoreModule.forRoot()
  ],
  declarations: [
    AppComponent,
    MapComponent,
    LeftBarComponent,
    SubBarComponent
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

на этапе загрузки страницы получаем ошибку

compiler.es5.js:1690 Uncaught Error: Unexpected value '[object Object]' imported by the module 'AppModule'. Please add a @NgModule annotation.
    at syntaxError (compiler.es5.js:1690)
    at compiler.es5.js:15382
    at Array.forEach (<anonymous>)
    at CompileMetadataResolver.webpackJsonp.../../../compiler/@angular/compiler.es5.js.CompileMetadataResolver.getNgModuleMetadata (compiler.es5.js:15365)
    at JitCompiler.webpackJsonp.../../../compiler/@angular/compiler.es5.js.JitCompiler._loadModules (compiler.es5.js:26795)
    at JitCompiler.webpackJsonp.../../../compiler/@angular/compiler.es5.js.JitCompiler._compileModuleAndComponents (compiler.es5.js:26768)
    at JitCompiler.webpackJsonp.../../../compiler/@angular/compiler.es5.js.JitCompiler.compileModuleAsync (compiler.es5.js:26697)
    at PlatformRef_.webpackJsonp.../../../core/@angular/core.es5.js.PlatformRef_._bootstrapModuleWithZone (core.es5.js:4536)
    at PlatformRef_.webpackJsonp.../../../core/@angular/core.es5.js.PlatformRef_.bootstrapModule (core.es5.js:4522)
    at Object.../../../../../src/main.ts (main.ts:11)
BOPOHOB commented 6 years ago

я это всё к тому, что может быть дело в версиях или чем-то ещё? в примерах всё точно так же но работает

default23 commented 6 years ago

@BOPOHOB Посмотри ответ здесь, мне помогло

BOPOHOB commented 6 years ago

@default23 Да, так действительно сработало. Только виджет почему-то нулевой высоты. Спасибо