首页 / CSS / Ant Design Pro V5 使用 Cesium 地图开发包遇到加载widgets.css样式报错

Ant Design Pro V5 使用 Cesium 地图开发包遇到加载widgets.css样式报错

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Ant Design Pro V5 使用 Cesium 地图开发包遇到加载widgets.css样式报错，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含744字，纯文字阅读大概需要2分钟。

内容图文

------------恢复内容开始------------

1. 前话

为适应最新的前端React框架,之前一直使用的是UMI框架，这一次由于项目的内容较多，所以干脆直接上了AntdProV5版本，尝尝鲜~

2. 问题

经常使用cesium开发的同学应该对cesium的配置比较熟悉，这里就不赘叙了，直接进入主题：

        import ‘cesium/Source/Widgets/widgets.css‘;

上述代码为cesium开发环境配置好后，需要引入cesium样式文件，即widgets.css文件，问题来了：
技术分享图片

3. 解决方案

根据问题能够找到这个问题是因为Cesium开发包在输出文件时没有css文件的输出路径。

        "exports": {
    "./package.json": "./package.json",
+   "./widgets.css": "./Source/Widgets/widgets.css",
    ".": {
      "require": "./index.cjs",
      "import": "./Source/Cesium.js"
    }
  },

因此解决方法可以在exports输出中，添加widgets文件的路径输出。

4. 解决后加载

        import ‘cesium/widgets.css‘;

换上这种样式加载方式后就可以了

5. 待解决的问题

由于此解决方法需要直接修改node_modules中依赖源文件，因此有更优解的同学能够给我留言一下，谢谢大家了！！

原文：https://www.cnblogs.com/zfygiser/p/15239818.html

内容总结

以上是互联网集市为您收集整理的Ant Design Pro V5 使用 Cesium 地图开发包遇到加载widgets.css样式报错全部内容，希望文章能够帮你解决Ant Design Pro V5 使用 Cesium 地图开发包遇到加载widgets.css样式报错所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1198893.html

来源：【匿名】