vue项目配置element-plus按需自动导入后通过npm run serve启动结果一直卡在[3%] setup (watch run unplugin:webpack)启动不起来通过vue配置element-plus按需安装1、安装element-plus插件npminstallelement-plus--save2、安装自动导入插件npminstall-Dunplugin-vue-components unplugin-auto-import3、配置插件到vue项目的配置文件vue.config.js文件中const{defineConfig}require(vue/cli-service);const AutoImportrequire(unplugin-auto-import/webpack);const Componentsrequire(unplugin-vue-components/webpack);const{ElementPlusResolver}require(unplugin-vue-components/resolvers);module.exportsdefineConfig({transpileDependencies: true, configureWebpack:{plugins:[AutoImport({resolvers:[ElementPlusResolver()],}), Components({resolvers:[ElementPlusResolver()],}),],},});然后通过npm run serve启动项目结果项目启动时卡住不动终端页面一直停留在下面所示[3%] setup (watch run unplugin:webpack)经过排查使用的vue项目版本为3.5.30通过npm安装自动导入插件时因为 package.json 中没指定具体版本比如直接 npm install vue-router包管理工具会默认按 ^最新兼容版安装。导致安装的自动导入插件版本较高与vue版存在兼容性问题。项目版本配置文件package.jsondependencies:{core-js:^3.8.3,element-plus:^2.13.5,vue:^3.2.13, // 这里就是 Vue 版本^表示兼容更新即主版本不变次版本 / 补丁版本最新vue-router:^4.0.3,vuex:^4.0.0},查看项目实际使用的vue版本npmlist vue解决方案1、卸载自动导入插件npmuninstall-Dunplugin-auto-importnpmuninstall-Dunplugin-vue-components2.安装vue兼容的自动导入插件版本npminstall-Dunplugin-auto-import0.11.2npminstall-Dunplugin-vue-components0.22.7再次执行npm run serve项目可以正常启动