解决cesium widgets.css is not exported from package

原创 已于 2022-06-16 10:59:21 修改 · 4.5k 阅读 · 13 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript

于 2022-04-20 08:43:43 首次发布

cesium使用ES引入，需要引入样式

import "cesium/Build/Cesium/Widgets/widgets.css";

在版本1.92.0会出现
在这里插入图片描述
这个错误

解决：
在node_modules里找到cesium的package.json文件，在exports里增加导出widgets.css

  "exports": {
   
   
    "./package.json": "./package.json",
    "./widgets.css": "
最低0.47元/天 解锁文章
Cesium 报错：TypeError: Cesium.MeasurementTool is not a constructor
虎康的博客
09-19 1561
如果您的 Cesium 版本是符合要求的，但仍然遇到相同的错误，请检查您是否正确引入了 Cesium 库。如果在创建测量部件时遇到了"TypeError: Cesium.MeasurementTool is not a constructor"错误，那很可能是因为您使用的是不支持测量工具的 Cesium 版本。测量工具是从 Cesium 1.82 版本开始引入的，所以确保您使用的是 Cesium 1.82 及以上的版本才能使用测量工具。请确保替换的路径正确指向您存储的 Cesium 库文件。
Cesium 常见错误集
一路走一路学，总会不落后
01-31 1477
将geojson 数据 加载到 viewer.dataSources 即 Cesium.GeoJsonDataSource，创建的时候附上name 的值，利用 dataSource 的getByName方法，获取到对于的 dataSource即可。由于在X方向上，WebMercatorTilingScheme只有一个0级瓦片，而GeographicTilingScheme却有2个，这就导致了默认的EPSG:3857切片方案不能正确加载EPSG:4326切片方案的瓦片图像。清楚缓存，加载即可。
Vue+Cesium 引入及初始化设置
一碗老面的博客
08-03 2761
1.Vue引入需要注意 npm install --save cesium // 引入 import 'cesium/Build/Cesium/Widgets/widgets.css' import * as Cesium from 'cesium' 2.初始化参数配置 let viewerOption = { animation: false, // 控制场景动画的播放速度控件 baseLayerPicker: false, // 底图切换控件
前端使用cesium加载地球
weixin_56455782的博客
01-11 2338
前端使用cesium加载地球 首先需要安装cesium npm i cesium -save 需要在node_modules中找到cesium然后把Build下面中的Cesium文件拷到项目中public下面 在项目中引入cesium window.CESIUM_BASE_URL = '../Cesium'; import * as Cesium from 'cesium' import 'cesium/Build/Cesium/Widgets/widgets.css' 书写dom <templa
vue3 使用 elementUi： ./lib/theme-chalk/index.css is not exported from package
m0_54355172的博客
10-22 4411
日常贴
精选资源
三维js版本的开源gis的引擎Cesium1.106版本
07-21
Cesium是一个强大的开源GIS（地理信息系统）引擎，专为在Web上展示三维地球和地理空间数据而设计。它基于JavaScript编程语言，使开发者能够构建高度交互的、动态的3D地图应用。Cesium 1.106是该库的一个特定版本，...
widgets.css
09-07
cesium。css
关于redux初学 出现Module not found: Error: Package path ./dist is not exported from package 问题
qq_41304029的博客
07-03 839
改为import { createSlice } from “@reduxjs/toolkit”;
Module not found: Error: Package path ./v4 is not exported from package
最新发布
neversleepy的博客
12-11 418
uuid找不到导出的v4,这是由于uuid升级之后打包结构改了,写成下面这样的就行。
Package path ./dist/esm/parcel is not exported from package...
weixin_46166330的博客
03-08 657
Package path ./dist/esm/parcel is not exported from package
vue2 swiper7 ./swiper-bundle.min.css is not exported from package 箭头没有显示问题
LlanyW的专栏
12-22 1268
【代码】vue2 swiper7 ./swiper-bundle.min.css is not exported from package。
swiper引入js和css：Module not found: Error: Package path ./swiper-bundle is not exported from package ..
YY的博客
01-03 4455
引入swiper的js和css文件
QT_Widgets按键样式表（一）
xili_929的博客
10-24 613
演示： 新建项目-&amp;amp;gt;点击ui界面-&amp;amp;gt;拖进一个pushbutton 右键点击pushbutton-&amp;amp;gt;选择改变样式表 代码如下： QPushButton{color: rgb(255, 255, 255);background:rgb(0, 170, 255);border:1px solid grey; border-radius: 8px;} QPushButton:hove...
拆！对比详解 Flutter Widget 和 CSS，你关心的布局原理都在这儿了
阿里云开发者
05-09 2027
简介： 这篇文章专门对比 Flutter Widget 的布局原理和 CSS 布局原理的差异，分享在对接过程中会遇到的问题和解决方案，帮大家理一理思路，内容可以分为这几部分：1、CSS 和 Widget 参赛选手介绍 2、Let's Battle! 从五个角度正面硬刚 3、Love & Peace 讨论取长补短的可行性 4、Happy Ending 最重要的环节 作者|张翰(门柳)出品|阿里巴巴新零售淘系技术部 我在之前一篇文章《打破重重阻碍，Flutter 和 Web 生态如何对接？》提
Cesium 填坑之路
往事随风的博客
05-03 3698
一、解决cesium widgets.css is not exported from package 在版本1.9以上版本后，按照官方文档引入css 时 会报错：cesium widgets.css is not exported from package 解决方案： 1.node_modules里找到cesium的package.json文件，在exports里增加导出widgets.css "./widgets.css": "./Source/Widgets/widgets.
Cesium结合Vue遇到的问题总集
qq_35984445的博客
08-27 3079
由于开发的功能不能链接外网，所以各种天地图、arcgis在线底图之类的，全都不能用，只能加载本地arcgisServer发布的图层作为底图。找了半天发现，ArcGisMapServerImageryProvider这个方法加载的图层的空间参考必须是：102100 (3857) ，如果发布图层的时候自己选择的切片方案，空间参考为4326 (4326) 的图层，不好使。（简单说就是vue触发数据变更，然后通知中间件变更的属性，由中间件将变更的属性值通知cesium中相应的属性）；......
在vue上使用cesium开发三维地图
wangyingying12的博客
04-18 6326
沙盒是一种安全特性，将潜在风险的代码（例如第三方脚本）与系统的其余部分隔离开来，防止脚本对浏览器的恶意操作。'allow-scripts'是一个权限选项，允许在沙箱环境中运行脚本。如果未设置此权限，浏览器将阻止脚本在沙箱中运行并显示此错误消息。这个错误信息通常出现在脚本尝试在沙盒框架中运行，但是'allow-scripts'权限没有被设置。这只是一个简单的示例，您可以通过查看 Cesium 的文档和示例来学习如何使用更高级的功能。接下来，在 Vue 项目中引入 Cesium，可以使用以下几种方式。
cesium 报错widgets.css
07-27
根据引用\[1\]和引用\[3\]的内容，你在导入Cesium时遇到了报错。报错信息是关于无法导入widgets.css文件。根据引用\[2\]的参考链接，这个问题可能是由于打包工具无法正确导入Cesium的CSS文件所致。为了解决这个问题，你可以尝试以下步骤： 1. 确保你已经正确安装了Cesium，并且在项目中引入了Cesium的主要文件。 2. 检查你的打包工具配置，确保它能够正确处理CSS文件的导入。不同的打包工具可能有不同的配置方式，你可以查阅相关文档或搜索相关问题的解决方案。 3. 尝试使用不同的导入方式。根据引用\[3\]的内容，你可以尝试使用import语句来导入Cesium的CSS文件，而不是使用require语句。你可以注释掉require语句，然后取消注释import语句，看看是否能够解决问题。 希望这些步骤能够帮助你解决Cesium报错widgets.css的问题。如果问题仍然存在，请提供更多的错误信息或代码片段，以便我们能够更好地帮助你解决问题。 #### 引用[.reference_title] - *1* *2* *3* [Cesium-Vue3.2配置Cesium踩坑笔记](https://blog.csdn.net/Apple_Coco/article/details/124323943)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值