vue引入cesium报错问题

已于 2023-11-29 17:02:53 修改
阅读量439 收藏
点赞数 6
文章标签： vue 前端框架 npm
于 2023-11-17 13:46:05 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xmy116/article/details/123932834
版权
文章讲述了在Vue项目中引入cesium时遇到的版本不一致错误，发现package.json中指定的cesium版本（1.97.0）与实际node_modules中的最新版本（1.111.0）不符。解决方案是将package.json中的版本锁定为确切的1.97.0并重新安装，解决了依赖问题。
摘要由CSDN通过智能技术生成

项目场景：

vue引入cesium报错问题

问题描述

启动项目报以下错误：


注：此处错误信息未截取完整

原因分析：

看错误信息是node_modules里的cesium依赖

从node_modules里面找到cesium里的Cesium.js文件

发现此处版本为1.111

但是package.json文件中却是1.97.0

又在package-lock.json文件中找了一下，果然是版本有更新，这里直接引用1版本的最新版1.111.0了

解决方案：

把package.json文件中 "cesium": "^1.97.0",改为"cesium": "1.97.0",再重新安装一下就好了

补充：

 ^：匹配1.x.x

~：匹配1.1.x

没有符号，代表固定版本

xmy116
关注
使用copy-webpack-plugin在Vue中引入Cesium报错
席木木的博客
04-13 2227
报错内容：copy-webpack-plugin compilation.getCache is not a function 解决方案： 查看package.json文件中copy-webpack-plugin的版本，改为4.0.0 然后删除原来的node_modules文件夹，使用npm install命令重新安装依赖模块，重新编译项目即可。 在其它js模块中引入时，使用命令： import * as Cesium from 'cesium/Cesium' 以下为编译后初始化结果， ...
Vue2 集成 Cesium 报错的问题
xiaozuo28的博客
10-23 263
Vue2 集成 Cesium 报错的问题
【记录vue/cli5.04 引入cesium@1.98.1版本报错异常】
weixin_44472222的博客
04-01 452
注意：若想要在data中实例化Cesium.Viewer，请在构造函数中全局对象上挂载或在window上挂载，虽然在单组件中不会有任何影响，问题出现在当cesium导入大量数据渲染时，导致页面异常卡顿或不加载，原因是viewer与vue中的data或者computed进行了绑定，导致vue对viewer进行了数据劫持，劫持了太多数据。一、引入cesium，本案例引入cesium@1.98.1版本（高版本会带有引入cesium方法失败问题，可能是vue2版本太低或webpack没有配置正常导致，自行百度）
vue学习第一篇 vue 引入Cesium时会报错
zhaolifang_28的博客
06-27 743
引入Cesium后总是会报Cesium没有引入的错误
Vue2 项目集成 Cesium1.112.0 报错问题解决
shanshiping的专栏
12-14 332
找了很多文字，大概都是说安装Babel插件以支持该语法，但是安装完成后，发现依然是报错的。如何还是解决不了，就只能降低cesium版本了，降到1.95.0试试。原因主要是vue-cli版本太低，不支持这种语法。
Vue项目启动报错 error:cannot find module xxx
热门推荐
Mrlujiao_code的博客
10-22 2万+
原因：无法找到项目依赖的某个模块 解决办法： 1、删掉存放模块的文件夹node_module； 2、执行清除缓存命令 npm cache clean； 如果报错，使用强制清除npm cache clean --force； 如果还报错，删除package-lock.json文件； 3、重新安装模块，npm install；（会重新自动生成package-lock.json文件） 然后npm run dev重启就可以了。 ...
Cesium+Vue过程中遇到的问题
李三丧的博客
06-21 1万+
最近一段时间公司要用到三维地图，又用不起完善的arcgis，只能拥抱开源Cesium。下面就说一说我在Cesium中遇到的那些坑。 cesium+vue依赖包下载不了 网上一大批cesium+vue项目配置的文章，我就不多说了，这里推荐一篇文章： https://www.jianshu.com/p/248a904dbb34 但是！cesium在npm上的包下载不下来啊！坑...
Vue2创建项目并配置Cesium加载三维地图
03-05
1.基于Vue2 的Cesium三维地图框架; 2.已引入elementui组件 已完成对cesium的加载配置安装及测试; 3.可在该框架上开发、发布打包等; 4.该框架没有其它冗余依赖等，可以直接到项目使用，无版权控制。
cesium vue3脚手架：cesium@1.103.0+vue3+view-ui-plus
08-02
项目集成框架：cesium@1.103.0+vue3； 项目采用vite构建，将cesium 1.103.0集成到vue3框架中，实现vue3版本的cesium脚手架, 前端ui采用view-ui-plus@1.3.14版本。 ## 项目安装 ``` 1.进入项目根目录 2.执行依赖安装...
vue2.x 引入cesium
snowball_swip的博客
06-12 2247
vue 框架下引入cesium 1. 利用vue-cli创建新的vue项目 vue create cesiumdemo 2. 安装cesium
cesium js 路径_加载cesium报错
weixin_39761491的博客
12-19 843
What happens?子应用加载cesiumJs(一款三维地图底层框架)报资源找不到Mini Showcase Repository(REQUIRED)https://github.com/JamesWen1993/mirco进入disaster页面点击aboutHow To Reproducecesium的引用在子应用的index.html里cesium需要寻找对应的script找的源码函数...
基于Vue3 + Cesium的简易开发模板
syzdev的博客
09-04 1202
【代码】基于Vue3 + Cesium的简易开发模板。
(五)Cesium加载3Dtiles报错
a974313302的博客
04-09 967
Cesium的API修改了，这样是会报错的。好吧，还是得多看官方文档。
Cesium 报错：GET https://api.cesium.com/v1/assets/2/endpoint?acbluaUPHqvrQRqzM4Z4xxx 401 (Unauthorized)
虎康的博客
11-27 621
一开始以为是 token 过期，因此去查看了自己的 token 信息，发现并未过期，因此在解决。在加载完场景信息后，控制台报错如下。问题后，这个问题就不会弹出了。
在Vue2中引入Cesium
云墨知秋的博客
05-17 3245
在Vue2中引入Cesium
vue+cesium离线地图关网报错不加载底图：https://api.cesium.com/v1/assets/2/endpoint?access_token=eyJhbGciOiJIUzI1
阿小绿的博客
03-12 6670
简单来说，我关网了，然后地图不出来了，理应来说应该是出来才对，毕竟离线地图，但是我发现有个东西一直在被加载。就它一个报错，导致我关网地图不出来。 原因：我们的cesium.js文件里面请求了这些东西（我是这么猜想的，也许不是，知道的请指教）。解决办法，我就是换了一下我的cesium文件。下图是我报错之前的cesium.js。 换了以后就成功了。如下图，就检测不到了。然后关网成功显示，并且也不请求那个链接了。 希望能帮助到你。 ...
el- dialog中无法加载cesium地图 报错reading appendchild问题
超级小恐龙~
03-22 376
Dialog 的内容是懒渲染的，即在第一次被打开之前，传入的默认 slot 不会被渲染到 DOM 上。因此，如果需要执行 DOM 操作，或通过。根据文档说明 地图初始化获取dom会失败 所以放在mounted中无效 修改如下。子组件xxx文件: dialog上加 @open = "openFn"父组件： this.$refs.xxx.open = true。
Cesium is not defined，解决包括不能启动以及启动后运行报错的问题
2301_78489186的博客
12-22 1642
在package.json文件中，添加"globals": {"Cesium": true},public件下粘贴Cesium，在index中添加。
cesium在vue中引入报错解决；cesium在vue中初始化地球
killerdoubie的博客
09-25 955
没出来是因为这个地图请求的是在线的地图 没有权限 至少是cesium引入成功了。找了很久各种办法都用了 最后就是降到这个版本。在main.js中这样引入就可以运行起来了。
vue引入cesium
最新发布
06-20
要在 Vue 中引入 Cesium，首先需要安装相关的依赖并配置好环境。以下是简单的步骤： 1. **安装依赖**: 使用 npm 或者 yarn 安装 Cesium 和 Vue 的兼容组件库（如 `vue-cesium`）： ```bash npm install vue-...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值