导入声明只能出现在模块的顶层

Question

我正在尝试在我的计算机上设置 OpenLayers，并按照此处的说明进行操作:http://openlayers.org/en/latest/doc/tutorials/bundle.html

当我尝试在浏览器中运行它时，出现错误:
导入声明只能出现在模块的顶层

我该如何解决？

index.js:

import 'ol/ol.css';
import {Map, View} from 'ol';
import TileLayer from 'ol/layer/Tile';
import OSM from 'ol/source/OSM';

const map = new Map({
  target: 'map',
  layers: [
    new TileLayer({
      source: new OSM()
    })
  ],
  view: new View({
    center: [0, 0],
    zoom: 0
  })
});

Answer 1

该错误清楚地表明您的 .js 中的某处文件有一个import语句:

import something from 'some-package'

并且该导入语句不在模块的最顶部，例如:

someExpressionHere(); // This must be moved below import statement
import something from 'some-package'

升级版:
与 OP 聊天后，实际问题不是构建项目(不是捆绑)，而是有一个 css 模块导入。