javascript - 标尺控制错误:语法错误:意外的标识符

即使我已经完成了mapbox要求执行的操作，但我还是遇到了这个问题，但是也许我错过了一些事情。

这是用法的链接：https://bravecow.github.io/mapbox-gl-controls/（我仅尝试添加标尺控件）

我试图在mapbox-gl中添加标尺，但在mapbox的用法中我必须这样做：

npm install mapbox-gl-controls

并添加

<link href="mapbox-gl-controls/theme.css" rel="stylesheet">

到已经完成并将其添加到主文件夹中的代码中，我搜索了有关导入的更多信息，在某些情况下，我需要在要导入的函数中添加{}，但似乎还有其他内容。

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

我收到的错误消息是


  “未捕获的SyntaxError：意外的标识符”

最佳答案

该错误是由于您在{}语句中未使用import的原因引起的。

尝试像这样更改导入：

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

希望能帮助到你

您可以找到import here的文档