zouyaoji / vue-cesium-demo Goto Github PK

useViewer.ts:455 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading '__scriptPromise')
    at beforeLoad (useViewer.ts:455:61)
    at load (useViewer.ts:464:11)
    at useViewer.ts:1083:7

vue-router.mjs:3428 TypeError: Cannot convert undefined or null to object
    at Function.keys (<anonymous>)
    at keysOf (objects.ts:2:39)
    at mergeConfig (index.ts:39:48)
    at ReactiveEffect.fn (index.ts:29:12)
    at ReactiveEffect.run (reactivity.esm-bundler.js:185:25)
    at get value [as value] (reactivity.esm-bundler.js:1144:39)
    at provideGlobalConfig (index.ts:33:34)
    at setup (index.ts:21:20)
    at callWithErrorHandling (runtime-core.esm-bundler.js:155:22)
    at setupStatefulComponent (runtime-core.esm-bundler.js:7165:29)
triggerError @ vue-router.mjs:3428
(anonymous) @ vue-router.mjs:3464
Promise.catch (async)
handleScroll @ vue-router.mjs:3464
finalizeNavigation @ vue-router.mjs:3312
(anonymous) @ vue-router.mjs:3184
Promise.then (async)
pushWithRedirect @ vue-router.mjs:3153
push @ vue-router.mjs:3080
navigateToRouterLink @ use-router-link.js?v=22f2048f:250
onClick @ QItem.js?v=22f2048f:104
callWithErrorHandling @ runtime-core.esm-bundler.js:155
callWithAsyncErrorHandling @ runtime-core.esm-bundler.js:164
invoker @ runtime-dom.esm-bundler.js:369
objects.ts:2 Uncaught (in promise) TypeError: Cannot convert undefined or null to object
    at Function.keys (<anonymous>)
    at keysOf (objects.ts:2:39)
    at mergeConfig (index.ts:39:48)
    at ReactiveEffect.fn (index.ts:29:12)
    at ReactiveEffect.run (reactivity.esm-bundler.js:185:25)
    at get value [as value] (reactivity.esm-bundler.js:1144:39)
    at provideGlobalConfig (index.ts:33:34)
    at setup (index.ts:21:20)
    at callWithErrorHandling (runtime-core.esm-bundler.js:155:22)
    at setupStatefulComponent (runtime-core.esm-bundler.js:7165:29)

<template>
  <q-page class="flex" style="overflow: hidden; max-height:  calc(100vh - 55px); height: calc(100vh - 55px);">
    <q-no-ssr>
	  <vc-config-provider :cesium-path="vcConfig.cesiumPath">
        <vc-viewer ref="viewerRef" @ready="onViewerReady"> </vc-viewer>
      </vc-config-provider>
    </q-no-ssr>
  </q-page>
</template>

<script setup>
import { VcConfigProvider, VcViewer } from 'vue-cesium'
import { VcReadyObject } from 'vue-cesium/es/utils/types'
import { ref, reactive} from 'vue'
import { onMounted, } from 'vue'
import 'vue-cesium/dist/index.css'

const viewerRef = ref(null)
const onViewerReady = (readyObj) => {
  console.log(readyObj.Cesium) // Cesium namespace object
  console.log(readyObj.viewer) // instanceof Cesium.Viewer
}

const vcConfig = reactive({
    cesiumPath: 'https://unpkg.com/cesium@latest/Build/Cesium/Cesium.js',
    accessToken: 'xxxxxxxx'
})

onMounted(() => {
  console.log('onMounted')
  viewerRef.value.creatingPromise.then((readyObj) => {
    console.log(readyObj.Cesium) // Cesium namespace object
    console.log(readyObj.viewer) // instanceof Cesium.Viewer
  })
})
</script>