在openlayers / angular 6

Question

我正在使用angular 6和openlayers5。这是我的代码设置

在初始化角度分量的同时，还设置了基础知识

ngOnInit() {
    this.tilesource = new OlXYZ({
      url:'http://tile.stamen.com/terrain/{z}/{x}/{y}.jpg'
    });

    this.tilelayer = new OlTileLayer({
      source: this.tilesource
    });

    this.vectorsource = new VectorSource({});

    this.vectorlayer = new VectorLayer({
      source: this.vectorsource
    });

    this.view = new OlView({
      center: OlProj.fromLonLat([6.661594, 50.433237]),
      zoom: 3,
    });

    this.olmap = new OlMap({
      target: 'map',
      layers: [this.tilelayer,this.vectorlayer],
      view: this.view,
      projection: 'EPSG:3857'
    });
}

然后，在ngOnInit之外，单击“搜索”按钮时将调用另一个函数。 Angular在后端发送搜索文本，并带回由node.js-data变量

生成的GeoJSON

this.myService.searchByText(this.text.value).subscribe((data) =>{
    const ff  = (new GeoJSON()).readFeatures(data);
    this.vectorsource.addFeatures(ff);
})

地图有效，查询有效，并带回GeoJSON数据。问题是我无法使用GeoJSON数据更新矢量层。

const ff  = (new GeoJSON()).readFeatures(data);
this.vectorsource.addFeatures(ff);

部分不起作用。我在地图上看不到任何东西，但出现错误

  

错误TypeError：geometryReader不是函数

我该如何解决？谢谢