Can't compile a TypeScript code that uses OpenLayers

Question

I have some simple TypeScript code that uses OpenLayers that I can compile into JavaScript, load into a browser and everything works fine:

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
  })
});

However as soon as I try to import a second code file into the main file I get an error that I cannot resolve:

import {SomeClass} from "./SomeClass";

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

index.ts(3,15): error TS2686: 'ol' refers to a UMD global, but the current file is a module. Consider adding an import instead.

Compiling against OpenLayers types installed like so:

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

How can I compile a TypeScript code base with multiple code files that uses OpenLayers?

According to Github - OpenLayers, ol needs installing as well. — user8745435
– user8745435, Commented Jun 13, 2018 at 21:06

Julio Negri Mirandola · Accepted Answer · 2018-08-16 18:06:44Z

2

Try to use

import * as ol from 'openlayers';

answered Aug 16, 2018 at 18:06

Julio Negri Mirandola

213 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Can't compile a TypeScript code that uses OpenLayers

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related