uni-app 在 vue.config.js 中按照文档第一句 const webpack = require('webpack') 报错

uni-app 在 vue.config.js 中按照文档第一句 const webpack = require(‘webpack’) 报错

操作步骤：

  • 按照文档写的vue.config.js

预期结果：

  • 成功编译运行

实际结果：

  • 编译没通过

bug描述：

编译的时候就出错了

01:09:14.002 正在编译中…
01:09:14.452 ERROR Error loading vue.config.js:
01:09:14.452 ERROR Error: Cannot find module ‘webpack’
01:09:14.456 Require stack:
01:09:14.457 - C:\Users\hugetiny\Documents\HBuilderProjects\uniCloudPlus\vue.config.js
01:09:14.460 - C:\HBuilderX\plugins\uniapp-cli\node_modules@vue\cli-service\lib\Service.js
01:09:14.460 - C:\HBuilderX\plugins\uniapp-cli\bin\uniapp-cli.js
01:09:14.464 Error: Cannot find module ‘webpack’


| 信息类别         | 详细信息       |
|------------------|----------------|
| 产品分类         | HbuilderX      |
| PC开发环境操作系统 | Windows        |
| PC开发环境操作系统版本号 | windows10      |
| HBuilderX类型    | 正式           |
| HBuilderX版本号  | 3.2.3          |
| 浏览器平台       | Chrome         |
| 浏览器版本       | 内置浏览器     |
| 项目创建方式     | HBuilderX      |

更多关于uni-app 在 vue.config.js 中按照文档第一句 const webpack = require('webpack') 报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

本地装了一个webpack就好了，不知道会不会因为版本不一致造成什么错误的潜在问题

更多关于uni-app 在 vue.config.js 中按照文档第一句 const webpack = require('webpack') 报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这个错误是因为在 HBuilderX 创建的 uni-app 项目中，webpack 不是直接作为项目依赖安装的。HBuilderX 内置了 uni-app 的编译工具链，webpack 模块位于 HBuilderX 的插件目录中，而不是你的项目 node_modules 里。

解决方案：

  1. 检查项目类型：确认你创建的是 uni-app 项目（Vue2/Vue3），而不是普通的 Vue CLI 项目。uni-app 项目通常不需要手动配置 vue.config.js。

  2. 移除或修改 vue.config.js：

    • 如果不需要自定义 webpack 配置，直接删除 vue.config.js 文件。
    • 如果需要配置，改用 configureWebpack 或 chainWebpack 选项，但避免直接 require('webpack')。

  3. 使用 uni-app 支持的配置方式： 在 vue.config.js 中，你可以这样写：

    module.exports = {
  configureWebpack: {
    // 你的配置
  },
  chainWebpack: (config) => {
    // 通过 config 对象操作
  }
}

    注意：uni-app 对 webpack 配置有较多限制，部分配置可能不生效。

  4. 检查 HBuilderX 版本：确保 HBuilderX 为最新版本（当前最新为 3.6+），老版本可能存在兼容性问题。

  5. 重新安装依赖（如果使用 npm 管理）：

    rm -rf node_modules
npm install
回到顶部