Question

我知道这是一个经常出现的问题，可以通过修复import语句来修复。我目前有

import { LeafletModule } from 'node_modules/@asymmetrik/ngx-leaflet';
import * as L from 'leaflet';
import { } from '@types/leaflet';

我正在引用选项，因此：

options = {
    layers: [
        this.googleHybrid
    ],
    zoom: 1.49,
    zoomSnap: 0,
    center: L.latLng([180, -180])}

我觉得我遇到了这个问题，因为从传单导入所有内容为L。有什么想法吗？

编辑：我还应该补充一点，这只是在测试中出现。

Answer 1

当Angular.io未正确将LeafletModule加载到您的应用程序中时，会发生这种情况。通常，您会执行以下操作：

首先，将A=c(1,0,1) B=c(1,0,0) C=c(1,0,1) D=c(1,0,0) E=c(0,0,0) testframe = data.frame(A=A,B=B,C=C,D=D,E=E) dupsremoved<-testframe[!duplicated(lapply(testframe, summary))]导入您的应用程序模块：

LeafletModule

然后，如果您在应用程序模块的子模块中使用ngx-leaflet，您还需要将其导入到该模块中：

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { LeafletModule } from '@asymmetrik/ngx-leaflet';
import { AppComponent } from './app.component';

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

有a tutorial解决了如何使用Angular CLI启动和运行，但它没有解决使用ngx-leaflet的应用程序模块的子模块的情况。

其他一些说明：

导入import { NgModule } from '@angular/core'; import { LeafletModule } from '@asymmetrik/ngx-leaflet'; @NgModule({ declarations: [ ], imports: [ LeafletModule ], providers: [] }) export class MyModule { }时，需要在node_modules中提供路径是不常见的。大多数构建管道都会自动取消引用包。
LeafletModule导入也是如此。如果需要，大多数构建管道将自动提取类型信息。
执行@types/leaflet完全有效您还可以根据需要导入特定项目，例如import * as L from 'leaflet';

Answer 2

我修好了。我没有将适当的导入添加到父组件的测试配置文件中。现在好了！

Answer 3

我在测试中遇到了同样的问题，但是当我添加时：

imports: [
  LeafletModule,
  LeafletMarkerClusterModule
]

问题消失了。

无法绑定到'leafletOptions'，因为它不是'div'的已知属性

3 个答案: