javascript - 无法编译使用 OpenLayers 的 TypeScript 代码

Question

我有一些使用 OpenLayers 的简单 TypeScript 代码，我可以将其编译成 JavaScript，加载到浏览器中，一切正常:

var map = new ol.Map({
  target: 'map',
  layers: [new ol.layer.Tile({source: new ol.source.OSM()})],
  view: new ol.View({
    center: [0, 0],
    zoom: 4
  })
});

但是，当我尝试将第二个代码文件导入主文件时，我收到无法解决的错误:

import {SomeClass} from "./SomeClass";

var map = new ol.Map({
  // ... save as above

index.ts(3,15):错误 TS2686:“ol”指的是 UMD 全局，但当前文件是一个模块。考虑改为添加导入。

针对这样安装的 OpenLayers 类型进行编译:

npm install --save-dev openlayers
npm install --save-dev @types/openlayers

如何使用 OpenLayers 编译包含多个代码文件的 TypeScript 代码库？

Answer 1

尝试使用

import * as ol from 'openlayers';