引入Echarts出现undefined的情况

如果你使用的是旧版的vue如vue2

尝试使用require替代import（在main.js中挂载echarts时）

const echarts = require('echarts'); // 加载模块
Vue.prototype.$echarts = echarts;   // 挂载到 Vue 原型

原因如下：

一、Vue 2 项目的模块化环境

• Vue 2 项目通常使用 Webpack 构建，搭配 Babel 处理 ES6 语法。
• import 是 ES6 模块化语法，需要 Babel 插件将其转换为 CommonJS 的 require 形式才能在浏览器中运行。

二、import 引入 ECharts 失败的常见原因

       缺少 Babel 模块转换插件

       ECharts 模块导出格式不兼容

        Vue 2 生态对 ES6 模块的兼容性问题

三、Vue 2 中推荐的 ECharts 引入方式

         1. 优先使用 require（更稳妥）

         2. 若坚持使用 import，需完整配置

// main.js
import echarts from 'echarts'; // 确保 Babel 已转换为 require
Vue.prototype.$echarts = echarts;