Vue无法调用Cesium下的方法报错"ReferenceError: Cesium is not defined"

最新推荐文章于 2025-11-18 16:39:37 发布

原创最新推荐文章于 2025-11-18 16:39:37 发布 · 1.5w 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#Vue #调用Cesium

Cesium 专栏收录该内容

21 篇文章

订阅专栏

本文解决在Cesium1.6x版本中使用Vue时出现的Cesium is not defined错误，详细说明了如何从import改为require引入Cesium的方法。

调用cesium下的方法报错： [Vue warn]: Error in mounted hook: "ReferenceError: Cesium is not defined"

这是因为在Cesium1.6x版本中 cesium不支持import的方式引入改用require引入即可

// import Cesium from 'cesium/Source/Cesium.js'
let Cesium = require('cesium/Source/Cesium');
import "cesium/Source/Widgets/widgets.css";
import buildModuleUrl from "cesium/Source/Core/buildModuleUrl"

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

前端杨小白

关注关注

4
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

cesium 打包之后在生产环境报 Cesium is not defined等问题。

weixin_45846702的博客

03-07

917

使用vite打包Vue3,cesium vite-plugin-cesium报错误,找不到cesium 打包之后还是会有这种错误 Cesium.js:1 Uncaught SyntaxError: Unexpected token '<' (at Cesium.js:1:1)； Cesium is not defined等问题。

cesium备忘录

qq_42751928的博客

04-12

1061

切图使用：osg2cesiumApp、pcl2cesiumApp。如果不是上面的情况，更改cesium资源路径也可能解决这个问题。

参与评论您还未登录，请先登录后发表或查看评论

Vue3+Cesium发布后报错cesium is not define BUG修复

m0_50666077的博客

02-17

703

VUE3+Cesium报错cesium is not defined bug修复

vue设置全局变量解决‘Cesium‘ is not defined.

mmiaoChong的博客

11-03

4767

在vue-cli3脚手架以上的版本设置全局变量在项目最外层找到**.eslintrc.js** 然后添加globals module.exports = { root: true, env: { node: true }, globals: { "Cesium": true // 这里添加变量名称不会报错 }, extends: [ 'plugin:vue/vue3-essential', '@vue/standard' ], parserO

Cesium+Vue 入门教程：从零搭建 3D 地球应用

最新发布

m0_46409384的博客

11-18

1057

Cesium 是一款开源的 3D 地理信息可视化引擎，支持地形、影像、矢量数据、3D 模型等多种地理数据的渲染，广泛应用于 GIS 系统、数字孪生、虚拟仿真等场景。本文将带领 Vue 开发者快速集成 Cesium，实现基础的 3D 地球可视化功能。

解决在vue项目中index.html中直接引入Cesium.js时候报错：Cesium is not defined

w_p_wyd的博客

09-28

994

找到package.json文件，在eslintConfig里加入 "globals": {"Cesium": true},原因：eslint报错，找不到Cesium 这个全局变量。

32 mars3d 官方 demo 可以跑起来, 但是自己拷贝的 demo 跑不起来

970655147的专栏

03-22

1396

这个问题是同事碰到的一个问题主要的影响因素在于官方的 demo 从 mars3d-cesium 中暴露了一部分文件作为 http 服务, 然后我们自己的 case 里面没有这部分服务, 然后导致 js 访问不到以及大部分的 css, js, img 等等静态资源访问不到。

vue 使用cesium简单介绍

liubangbo的专栏

04-08

1645

Cesium是国外一个基于JavaScript编写的使用WebGL的地图引擎。Cesium支持3D,2D,2.5D形式的地图展示，可以自行绘制图形，高亮区域，并提供良好的触摸支持，且支持绝大多数的浏览器和mobile。相关网址如下：Cesium 官网：Cesium: The Platform for 3D Geospatial Cesium 官网 API：Index - Cesium Documentation Cesium 中文API： Cesium中文api文档 | Index - Cesium Doc

Cesium is not defined，解决包括不能启动以及启动后运行报错的问题

2301_78489186的博客

12-22

2936

在package.json文件中，添加"globals": {"Cesium": true},public件下粘贴Cesium，在index中添加。

vue3集成vue-cesium报错ESLint: ‘Cesium‘ is not defined.(no-undef)

TuTouPlayer的博客

12-05

1712

解决方法：在package.json中的。中添加以下代码后重启项目。

An error occurred while rendering. Rendering has stopped. ReferenceError: shouldShow is not defined ReferenceError: shouldShow is not defined at http://localhost:8001/src/components/common-map/live-map.vue?t=1751782179168:43:23 at Proxy.forEach (<anonymous>) at http://localhost:8001/src/components/common-map/live-map.vue?t=1751782179168:42:28 at invokeFunc (http://localhost:8001/node_modules/.vite/deps/lodash.js?v=6636ce6c:3839:28) at leadingEdge (http://localhost:8001/node_modules/.vite/deps/lodash.js?v=6636ce6c:3845:30) at debounced (http://localhost:8001/node_modules/.vite/deps/lodash.js?v=6636ce6c:3887:24) at tD.raiseEvent (http://localhost:8001/libs/Cesium/Cesium.js:96:1282) at Jt._updateCameraChanged (http://localhost:8001/libs/Cesium/Cesium.js:11295:124016) at Xi.initializeFrame (http://localhost:8001/libs/Cesium/Cesium.js:12477:35438) at uC.render (http://localhost:8001/libs/Cesium/Cesium.js:12479:1576)如图所示报错

07-07

报错 `ReferenceError: shouldShow is not defined` 发生在 `updateRippleVisibility` 函数中，原因在于： 1. **变量作用域问题**：`shouldShow` 变量是在 `if` 块内部定义的，但在 `forEach` 循环中尝试访问它 2. ...

vue2.0项目集成Cesium的实现方法

10-16

主要介绍了vue2.0项目集成Cesium的实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

qt使用QWebEngineView嵌入cesium页面提示js: Uncaught SyntaxError: Unexpected token和js: Uncaught ReferenceError: Cesium is not defined是为什么

03-29

关于“Cesium is not defined”错误，可能需要确保在HTML文件中正确引入了Cesium.js，并且在调用Cesium相关代码之前，确保脚本已经加载完成。可以使用DOMContentLoaded事件或者脚本的onload事件来延迟执行Cesium代码...

vue3+vite中使用cesium打包后 Failed to load resource: net::ERR_FILE_NOT_FOUNDwidgets.css:1 Failed to load resource: net::ERR_FILE_NOT_FOUND Cesium.js:1 Uncaught ReferenceError: Cesium is not defined at index-Bl_tQxSQ.js:160192:11 (anonymous) @ index-Bl_tQxSQ.js:160192

06-19

1. 如果仍出现 `Cesium is not defined`： ```javascript // 在 index.html 中添加 window.CESIUM_BASE_URL = './' ``` 2. 如果出现白屏，检查控制台网络请求： - 确保所有 `*.js` 和 `*.css` 文件返回 200 ...

index-BeQE937t.js:2 Uncaught ReferenceError: XE2 is not defined

10-22

我们遇到了一个错误：`Uncaught ReferenceError: XE2 is not defined`。这个错误通常发生在使用EarthSDK（基于Cesium）时，因为EarthSDK内部依赖于一个名为XE2的全局变量（或命名空间），而这个变量在脚本执行时没有...

cesium is not defined

wwf1225的博客

03-08

4828

愚蠢的错误之 Cesium is not defined

m0_56224392的博客

03-25

2147

本想学习使用es6的。

cesium cesium is not defined

老段的优快云的博客

05-20

2233

博主qq：1125346480 有意者加

cesium Uncaught ReferenceError: Sandcastle is not defined

qq_42089323的博客

02-26

3183

Uncaught ReferenceError: Sandcastle is not defined cesium报错，很明显Sandcastle未定义，到这基本就是觉得“我和他写的一模一样呀，为什么他能用我不能用啊” 人家是成套的代码，你估计建了个文件，引了个js就开始运行了，差多了好不好。就针对这个问题去找这个路径下找这个js文件引用就好了 cesium\Apps\Sandcastle\Sandcastle-header.js 简单来说这种问题就是没定义，或者定义了没引用等于没定义不要着急，慢慢来，

Vue无法调用Cesium下的方法 报错"ReferenceError: Cesium is not defined"

Vue无法调用Cesium下的方法报错"ReferenceError: Cesium is not defined"