Vue3+Vite 引用Echarts 正确方式

最近做的项目前端使用的Vue3 + Vite ，需要集成echarts ，一开始的使用方式是在main.js 里配置 直接挂载在

// 全局挂载echarts app.config.globalProperties.echarts = echarts

下，在页面里调用const { proxy } = getCurrentInstance(); proxy.echarts 这样，在本地开发环境下没事，但是通过Vite 打包后发布到Nginx 下就出现错误。

在index.vue 父页面里 通过provide 引入 Echarts 对象，在子孙页面里通过inject 来获取：

index.vue

子孙页面：

在 VUE3+Vite 里引入 Echarts 要通过provide / inject 方式引入，不要挂载到全局下。