1. 问题描述首先如果你在 Vue2.x 项目中直接进行安装npm install echarts会导致以下错误Compiled with problems: ERROR vue__WEBPACK_IMPORTED_MODULE_0__.default is undefined webpack-internal:///./src/router/index.js:8:1 ./src/router/index.jshttp://localhost:8080/js/app.js:74:1 __webpack_require__http://localhost:8080/js/app.js:215:32 fnhttp://localhost:8080/js/app.js:483:21 webpack-internal:///./src/main.js:5:84 ./src/main.jshttp://localhost:8080/js/app.js:52:1 __webpack_require__http://localhost:8080/js/app.js:215:32 __webpack_exports__http://localhost:8080/js/app.js:1403:109 __webpack_require__.Ohttp://localhost:8080/js/app.js:265:23C:\Users\Desktop\agrivue2\src ERROR [eslint] Failed to load config eslint:rnpm installommended to extend from. Referenced from: C:\Users\Desktop\agrivue2\package.json这里有两个问题vue__WEBPACK_IMPORTED_MODULE_0__.default is undefinedModule not found: Error: Cant resolve echarts第一个问题这个错误通常表示vue模块没有正确导入。第二个问题[eslint] Failed to load config eslint:rnpm installommended to extend from这个错误可能是由于 ESLint 配置文件中的拼写错误或配置问题。这一系列问题就是和当前版本不兼容导致的。2. 删除安装依赖包在根目录执行npm uninstall echarts但是删除掉以后并没有全部删除掉有其缓冲的数据和 Vue2.x 不兼容所以我们需要删掉缓冲数据。执行清除npm缓存以确保没有残留的缓存文件npm cache clean --force为了确保没有残留的缓存文件你可以删除node_modules目录并重新安装所有依赖。这一步是可选的但推荐执行以确保一切正常。Remove-Item -Recurse -Force node_modules这一段代码可以删除依赖包和缓存文件。Remove-Item -Force package-lock.json注意这个文件不是package.json文件。这一段代码可以删除依赖包的具体信息比如版本号、出厂信息、版本等具体信息。当然删除它们是为了我们要把整栋楼推倒重新建造依赖包根据package.json这个文件这个文件为工程提供了安装echarts依赖包之前的依赖包信息一会儿安装依赖包重造的时候可以按照这个模板进行下载让工程恢复如初。3. 使用淘宝镜像加速下载由于下载的安装包是国外的资源数据比较慢这里我们需要使用淘宝镜像来帮助我们加速下载。这里使用最新版的镜像npm config set registry https://registry.npmmirror.com用以下命令查看是否配置成功npm config get registry终端执行npm install安装依赖包。下载完会生成新的那两个文件node_modules和package-lock.json。4. 解决 ESLint 配置错误但是运行还是会报错[eslint] Failed to load config eslint:rnpm installommended to extend from. Referenced from: C:\Users\Desktop\agrivue2\package.json You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use /* eslint-disable */ to ignore all warnings in a file. ERROR in [eslint] Failed to load config eslint:rnpm installommended to extend from. Referenced from: C:\Users\Desktop\agrivue2\package.json webpack compiled with 1 errorpackage.json文件中引用了一个不正确的 ESLint 配置。错误信息表明eslint:rnpm installommended是一个拼写错误或不正确的配置名称。正确的配置应该是eslint:recommended。解决办法编辑package.json文件打开package.json文件找到eslintConfig部分确保extends字段的值是eslint:recommended。这里应该是echarts依赖包冲突进行修改我们把它改回来。保存一下。5. 重新安装依赖包由于我们的package.json文件发生了变化我们需要重新安装依赖包。再次执行npm install6. 解决 Vue 版本不兼容问题但是我这里又遇到一个错误Uncaught runtime errors: ERROR vue__WEBPACK_IMPORTED_MODULE_0__.default is undefined webpack-internal:///./src/router/index.js:8:1 ./src/router/index.jshttp://localhost:8080/js/app.js:74:1 __webpack_require__http://localhost:8080/js/app.js:215:32 fnhttp://localhost:8080/js/app.js:483:21 webpack-internal:///./src/main.js:5:84 ./src/main.jshttp://localhost:8080/js/app.js:52:1 __webpack_require__http://localhost:8080/js/app.js:215:32 __webpack_exports__http://localhost:8080/js/app.js:1403:109 __webpack_require__.Ohttp://localhost:8080/js/app.js:265:23 http://localhost:8080/js/app.js:1404:53 http://localhost:8080/js/app.js:1406:12vue__WEBPACK_IMPORTED_MODULE_0__.default is undefined。这个错误通常表示 Vue 模块没有正确加载或导出。因为我的package.json安装的是 Vue3 版本的如果你们也遇到了就按照我以下的步骤执行。执行npm install vue2.6.14 vue-template-compiler2.6.14修改 Vue 模块版本号就行了。7. 运行工程然后执行工程npm run serve工程恢复了如果还需要使用echarts依赖对于 Vue2.x 可以使用 4.x.x 版本的echarts以找到兼容的依赖包。有其他问题请留言。