Javascript 标尺控制错误：未捕获的语法错误：意外标识符

我有这个问题，尽管我已经做了mapbox要求做的事情，但也许我错过了什么

这是用法的链接：（我只想添加标尺控件）

我正在尝试向mapbox gl添加标尺，在mapbox的使用中，我必须执行以下操作：

npm install mapbox-gl-controls

加

对于代码，我已经这样做了，并将其添加到主文件夹中，我搜索有关导入的更多信息，在某些情况下，我需要将

{}

添加到要导入的函数中，但似乎还有其他内容

import RulerControl from 'mapbox-gl-controls/lib/ruler';



map.addControl(new RulerControl(), 'top-right');


// events


map.on('ruler.on', () => console.log('ruler: on'));

map.on('ruler.off', () => console.log('ruler: off'));

我收到的错误消息是

“未捕获的语法错误：意外的标识符”

---

该错误是由于您没有在

import

语句中使用

{}

造成的

尝试按以下方式更改导入：

import { RulerControl } from 'mapbox-gl-controls/lib/ruler';

希望能有帮助

您可以找到

import