无法读取 null - 离子原生谷歌地图的属性“环境”答案

【问题标题】：Cannot read property 'environment' of null - ionic native google maps无法读取 null - 离子原生谷歌地图的属性“环境”
【发布时间】：2019-03-28 21:05:24
【问题描述】：

使用ionic serve -c 运行我的离子项目时

每次，我都会收到此错误：

ERROR TypeError: Cannot read property 'environment' of null
   at Function.Environment.setEnv (index.js:1980)
   at HomePage.webpackJsonp.194.HomePage.loadMap (home.ts:98)
   at HomePage.webpackJsonp.194.HomePage.ionViewDidLoad (home.ts:45)
   at ViewController._lifecycle (view-controller.js:486)
   at ViewController._didLoad (view-controller.js:369)
   at NavControllerBase._didLoad (nav-controller-base.js:768)
   at t.invoke (polyfills.js:3)
   at Object.onInvoke (core.js:4760)
   at t.invoke (polyfills.js:3)
   at r.run (polyfills.js:3)

有loadMap方法：

  loadMap() {
    Environment.setEnv({
      'API_KEY_FOR_BROWSER_DEBUG' : '',
      'API_KEY_FOR_BROWSER_RELEASE' : ''
    })

    this.geoLocation.getCurrentPosition().then((resp) => {
      this.latitude = resp.coords.latitude;
      this.longitude = resp.coords.longitude;
      console.log(this.latitude);
      console.log(this.longitude);
      let CurrentPosition : LatLng = new LatLng(this.latitude,this.longitude);
      let CameraPosition : CameraPosition<ILatLng> = {
        target : CurrentPosition,
        zoom : 18
      };
      this.addMarker();
      this.map.moveCamera(CameraPosition);
     }).catch((error) => {
       console.log('Error getting location', error);
     });



    this.map = GoogleMaps.create('map_canvas');

  }

我不明白。我只在 device.isReady() 被触发后启动我的组件，所以它不应该是生命周期问题。

你知道这是从哪里来的吗？

谢谢！

编辑：当使用ionic cordova run browser -l 命令时，第一次加载地图时没有错误，然后在刷新网页时，错误再次出现，无需我对代码进行任何更改...

【问题讨论】：

标签： google-maps cordova ionic-framework

【解决方案1】：

我遇到了同样的问题，我在这个帖子https://stackoverflow.com/a/52681481/6560704找到了解决方案

您需要构建您的平台以创建“环境”变量，例如使用 CLI：

ionic cordova build browser -l

希望这会有所帮助

【讨论】：

感谢您的回复，但不幸的是问题仍然存在。当我刷新网页时，我仍然得到同样的错误......

【解决方案2】：

问题解决了！

这实际上是一个生命周期问题。在设备准备好之前，我将 HomePage 归因于 app.components.ts 中的 rootPage。

【讨论】：