ArcGIS CLI 构建Vue项目符号字体不显示的问题

本文介绍了在使用ArcGIS CLI构建Vue项目时遇到的符号字体不显示的问题。分析原因是Vue打包时静态资源路径错误,由于file-loader与Vue模块语法不一致导致。解决方案是在webpack配置中修改file-loader的esModule选项为false,从而成功解决字体文件加载问题。
摘要由CSDN通过智能技术生成

ArcGIS API for JavaScript 4.15已经可以支持与react和vue等前端主流框架融合了,官方提供了两种方式,webpack-plugin或者esri-loader。

esri-loader使用的方式比较奇怪,想要使用 webpack-plugin的方式以import的方式引入arcgis js api。

同时arcgis还基于webpack-plugin提供了脚手架ArcGIS CLI

arcgis cli 脚手架的使用

使用方法如下

(1)首先全局安装ArcGIS CLI

npm install -g @arcgis/cli

(2)创建自己的工程
React工程

arcgis create my-react-application -t react

VUE工程

arcgis create my-vue-application -t vue

(3)创建完成后

npm start

即可启动该项目

VUE符号字体不显示

当我喜滋滋的完成以上步骤时发现,VUE创建的项目的放大缩小的图标无法显示
VUE项目的图标无法显示

分析问题

分析一下应该是字体文件没有被加载,字体文件是woff或者wof

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值