项目背景：

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

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

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

正确的方式：

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

子孙页面：

小结：

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

好文链接

评论可见，请评论后查看内容，谢谢！！！评论后请刷新页面。