在 Stackblitz 上将 OpenRouteService 添加到 Angular 应用程序

Question

我将OpenRouteService 添加到我的 Stackbliz 应用程序中，但无法正常工作。 组件看起来像：

import { Component, OnInit } from '@angular/core';
import {Location} from '@angular/common';
import {Openrouteservice} from '/openrouteservice-js/dist/ors-js-client';

@Component({
 selector: 'app-event-plan',
 templateUrl: './event-plan.component.html',
 styleUrls: ['./event-plan.component.scss']
})

export class EventPlanComponent implements OnInit {

  constructor(private _location: Location) { 
  console.log("++++")
  console.log(Openrouteservice)
 }

 ngOnInit() {
 }

 backClicked() {
  this._location.back();
 }
}

我的问题是它没有加载。我在依赖项部分将其添加为依赖项。

我在这里公开了这个项目是 url - https://stackblitz.com/edit/angular-micwge?file=src%2Fapp%2Fevent-plan%2Fevent-plan.component.ts

Answer 1

您将不得不改变import 图书馆的方式。您import 的当前方式是从库中查找命名导出。

如果您的tsconfig.json 中有allowSyntheticImports 和esModuleInterop，请使用：

import Openrouteservice from 'openrouteservice-js';

否则：

import * as Openrouteservice from 'openrouteservice-js';

找到你的forked stacknlitz