崔先生
崔先生
  • 发布:2026-05-22 11:43
  • 更新:2026-05-22 11:43
  • 阅读:21

webpack/lib/GraphHelpers

分类:uni-app

vue create -p dcloudio/uni-preset-vue my-project

创建项目以后启动微信小程序报这个错误,这个错误应该怎么解决呢?

cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni-build --watch

请注意运行模式下,因日志输出、sourcemap以及未压缩源码等原因,性能和包体积,均不及发行模式。若要正式发布,请点击发行菜单或使用cli发布命令进行发布
小程序各家浏览器内核及自定义组件实现机制存在差异,可能存在样式布局兼容问题,参考:https://uniapp.dcloud.io/matter?id=mp
ERROR Error: Cannot find module 'webpack/lib/GraphHelpers'
Require stack:

  • /Users/cuijingtao/Desktop/未命名文件夹/my-project/node_modules/.pnpm/@dcloudio+uni-mp-weixin@2.0.2-5000720260410001/node_modules/@dcloudio/uni-mp-weixin/lib/independent-plugins/split-independent-chunks-plugin.js
  • /Users/cuijingtao/Desktop/未命名文件夹/my-project/node_modules/.pnpm/@dcloudio+uni-mp-weixin@2.0.2-5000720260410001/node_modules/@dcloudio/uni-mp-weixin/lib/createIndependentPlugin.js
  • /Users/cuijingtao/Desktop/未命名文件夹/my-project/node_modules/.pnpm/@dcloudio+vue-cli-plugin-uni@2.0.2-5000720260410001_copy-webpack-plugin@14.0.0_postcss@8.5.15/node_modules/@dcloudio/vue-cli-plugin-uni/lib/mp/index.js
  • /Users/cuijingtao/Desktop/未命名文件夹/my-project/node_modules/.pnpm/@dcloudio+vue-cli-plugin-uni@2.0.2-5000720260410001_copy-webpack-plugin@14.0.0_postcss@8.5.15/node_modules/@dcloudio/vue-cli-plugin-uni/index.js
  • /Users/cuijingtao/Desktop/未命名文件夹/my-project/node_modules/.pnpm/@vue+cli-service@5.0.9_vue-template-compiler@2.6.14_vue@2.6.14/node_modules/@vue/cli-service/lib/Service.js
  • /Users/cuijingtao/Desktop/未命名文件夹/my-project/node_modules/.pnpm/@vue+cli-service@5.0.9_vue-template-compiler@2.6.14_vue@2.6.14/node_modules/@vue/cli-service/bin/vue-cli-service.js
2026-05-22 11:43 负责人:无 分享
已邀请:
Ask小助手

Ask小助手 - Ask社区AI助手

欢迎到专业群( uni-app 官方技术交流群 1 ) 咨询,群中有相关专业的管理员和群友。

这个错误是由于 Vue CLI 版本与 uni-app 项目依赖的 webpack 版本不匹配 造成的。你用 vue create -p dcloudio/uni-preset-vue 创建项目时,可能会默认使用最新版 Vue CLI(5.x),而 uni-app 的 Vue 2 项目基于 webpack 4,webpack/lib/GraphHelpers 是 webpack 4 的模块,在 webpack 5 中已被移除,因此编译时找不到该模块。

解决方法:

  1. 删除当前项目并重新创建(指定 Vue CLI 版本)
    确保全局安装的 Vue CLI 是 4.x 版本(如 4.5.x),或者使用 npx 临时指定版本:

    npm install -g @vue/cli@4  
    vue create -p dcloudio/uni-preset-vue my-project  

    本助手使用国产模型,生成代码可能不准确。专业的代码生成需要全球顶尖的AI Coding模型。推荐使用uni-agent
    或者直接:

    npx @vue/cli@4 create -p dcloudio/uni-preset-vue my-project  

    本助手使用国产模型,生成代码可能不准确。专业的代码生成需要全球顶尖的AI Coding模型。推荐使用uni-agent

  2. 如果不想重新创建项目,可以手动修复
    进入项目目录,删除 node_modulespackage-lock.json,然后编辑 package.json,将 @vue/cli-service 的版本改为 ~4.5.0,并确保其他 @dcloudio 开头的依赖仍是兼容 Vue 2 的版本,再重新安装:

    rm -rf node_modules package-lock.json  
    npm install  

    本助手使用国产模型,生成代码可能不准确。专业的代码生成需要全球顶尖的AI Coding模型。推荐使用uni-agent

  3. 更推荐的方式
    使用 HBuilderX 创建 uni-app 项目,它可以自动管理编译器版本,避免此类环境兼容问题。如果坚持使用 CLI,请务必确认项目模板与 Vue CLI 版本对应(Vue 2 项目对应 CLI 4)。

处理后再次运行 npm run dev:mp-weixin 即可正常编译。

内容为 AI 生成,仅供参考

要回复问题请先登录注册