Error in created hook: "TypeError: Cannot read properties of null (reading 'appendChild')"

Question

######第一次刷新的时候不会报错 但地图会闪一下就没了 之后再刷新 就直接报错

<template>
  <div>
    <div id="cesiumContainer"></div>
  </div>
</template>
<script>
export default {
  components: {},
  data() {
    return {
      viewer:null
    };
  },
  methods: {
    // 渲染
    renderFunc() {
      debugger;
      var that = this;
      var isPCBrowser = Cesium.FeatureDetection.isPCBrowser();
      if (isPCBrowser) {
      that.viewer= new Cesium.Viewer("cesiumContainer", {
          animation: false,
          timeline: false,
          baseLayerPicker: false, 
          homeButton: false,
          sceneModePicker: false,
          navigationHelpButton: false,
        });
      }
    },
  },
  created() {
    this.renderFunc();
  },
};

</script>

<style>
#cesiumContainer {
  width: 1000px;
  height: 500px;
}
</style>

 Error in created hook: "TypeError: Cannot read properties of null (reading 'appendChild')"

很不理解为什么会报错

求大家指点

Answer 1

放到mounted事件中而不是created事件，要不dom还没渲染当然获取不到

        mounted() {////////////
            this.renderFunc();
        }