stencil.js中的Google地图集成不起作用

Question

我在这里遵循了Josh的教程： https://www.joshmorony.com/creating-a-google-maps-web-component-with-stencil/

但是出现以下错误： 未捕获（按约定）TypeError：无法读取null的属性“ firstChild”     在Object ._。qe（VM786 js：74）     在新的Rg（VM786 js：113）     在Geolocation $ 1.getCurrentPosition.then

这是由于未按某种方式创建地图的div或无法使用document.getElementById进行选择所致。

这是渲染功能：

render() {
return [<div id='map'></div>,
 <p>I am working!</p>]

}

这里出现错误：

  let m =document.getElementById('map');
    console.log("The MAP",m);
    this.map = new google.maps.Map(m, mapOptions);

有人知道什么可能导致此问题吗？