有一阵时间没写react了，今天通过umi搭建一个demo项目复习一下react；umi是一个可扩展的企业级前端应用框架，在react市场中还是比较火的一个框架。

根据文档可以看出，使用addEventListener监听一个函数，通过函数触发resize()事件从而实现图表自适应，以下是实现自适应的相关代码。移除监听方法，一定要在页面卸载的时候移除监听方法，否则在其他页面改变窗口大小时会报错。echarts官方文档中有一个resize方法，可以实现echarts自适应。改变窗口大小，实现echarts图表自适应。改变屏幕大小后：导致图表溢出容器。

MapVGL的介绍：MapVGL，是一款基于WebGL的地理信息可视化库，可以用来展示大量基于3D的地理信息点线面数据。设计初衷主要是为了解决大数据量的三维地理数据展示问题及一些炫酷的三维效果。导入MapVGL库后，首先我们需要创建一个map.js中间文件，利用jsonp拿到百度地图的数据。按照文档，需要将你的json文件里的数据格式转换成MapVGL图层需要的数据格式。红色的线条就是最终画出来的

root{这里定义了两套CSS主题，:root会选择到根元素，也就是会选择到Html元素，所以在Html下的元素都可以引用创建好的变量，实现共用颜色主题，这个文件可以直接在main.ts文件中import引入。

之前有在react中介绍过如何使用i18n去实现国际化，那么，在vue里想要实现国际化一般也需要用到i18n这个库，接下来介绍如何使用这个库。

寻找了很多方法，最后明白了应该是npm run build 打包后，代码按照上面的import导入就无法找到组件路径，所以需要换一种引入方法。打印modules可以看到返回了views文件夹下的所有路径，通过遍历这个路径和后端拿到的数据路径，过滤出最后的动态路由。最近遇到了动态加载路由的问题，在开发环境下动态路由正常，打包后部署到服务器后，动态路由无法访问，一直报错。写一个for循环遍历方法，遍历

可以看到以上报错，很多基本上都是ts的写法问题，有的同事写ts可能不会在意这些问题，例如写了index却没有使用，导入了某个模块却没有使用，再或者定义的变量没有加类型，再打包的时候都会出现问题，那么临时去改肯定来不及，我们可以在package.json中去处理打包命令。可以看到build命令里面有两个命令。vue-tsc和vite build；vue-tsc是TypeScript的编译命令，而vi

你可以尝试增加 Node.js 的堆内存限制，以便程序有更多的内存可用。打开package.json文件，编辑build脚本：4096算下来是4GB，就临时给nood分配了4GB的内存。: 如果可能的话，尝试使用流式处理来逐行或者逐块地处理数据，而不是一次性加载所有数据。: 如果你的计算机硬件条件允许，考虑升级到内存更大的计算机，以便有更多的内存可用。: 如果你正在处理大量数据，尝试分批处理数据，