react组件未渲染

1. 问题描述：

生产环境下，某个组件未渲染，控制台无报错

2. 排查过程：

1. 梳理项目中所用组件的加载步骤
2. 用到了react-loadable库，发现所需要的组件处于动态加载未完成状态，过场组件自定义，添加错误抛出
3. 发现静态加载import echarts from 'xxx'未获取的echarts
4. echats版本更新，引入方式变化

3. 解决办法：

1. 使用新版本，修改旧文件引用方式，版本回退时，重新安装旧版echarts
2. 两版本共存npm install echarts5@npm:echarts@5，原有引用方式不变，需要新版本接口时import * as echarts from 'echarts5'

补充

1. react-loadable

用于加载动态导入组件的高阶组件