Vue项目使用eslint运行serve报module依赖缺失错误如何解决？

这个报错的核心触发逻辑是Webpack 5 版本默认移除了Node.js核心模块的自动polyfill注入机制：你看到的缺失module依赖提示，来自@eslint/eslintrc、eslint-plugin-vue这类仅运行在Node端的构建工具包，这类包本身引用的是Node.js内置的module模块，不属于前端浏览器运行时需要的依赖——报错本质是webpack错误地尝试把这些Node端工具代码打包进浏览器侧资源，而非真的缺失某个npm包。

按优先级从高到低操作，绝大多数场景第一步就能解决问题：

方案1：调整vue.config.js构建配置 #

打开项目根目录的vue.config.js，补充webpack相关配置，明确告知构建工具不需要为Node内置模块提供浏览器侧polyfill，同时确保eslint仅在构建校验阶段运行，不被打包进前端运行时代码：

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  // 原有配置保持不变
  configureWebpack: {
    resolve: {
      fallback: {
        module: false,
        fs: false,
        path: false,
        os: false
      }
    }
  },
  lintOnSave: process.env.NODE_ENV !== 'production' ? 'warning' : false
})

修改完成后保存，终止当前运行的serve进程，重新执行npm run serve启动项目即可。

方案2：修正依赖安装位置 #

如果调整配置后报错仍然存在，检查依赖声明位置：eslint、eslint-plugin-vue这类构建工具必须放在devDependencies节点下，不能放在运行时依赖dependencies中。
先执行命令卸载错误位置的相关依赖：

npm uninstall eslint eslint-plugin-vue @eslint/eslintrc

再重新作为开发依赖安装：

npm install -D eslint eslint-plugin-vue @eslint/eslintrc

安装完成后删除node_modules目录和当前包管理器对应的锁文件（package-lock.json/yarn.lock/pnpm-lock.yaml），重新执行npm install完成全量依赖安装后重启服务。

方案3：安装兼容版本依赖 #

如果上述两个操作都无效，基本是eslint和eslint-plugin-vue跨大版本不兼容导致的依赖解析异常，直接安装经过验证的稳定兼容版本即可：

npm install -D eslint@8.57.0 eslint-plugin-vue@9.26.0

该版本组合兼容Vue2、Vue3全量脚手架项目，不会出现跨版本的依赖引用错误。

注意：不要尝试为module这类Node核心模块安装第三方polyfill包，这类polyfill无法在浏览器端完整模拟Node.js的模块加载逻辑，就算暂时跳过编译报错，后续运行时也会触发其他不可预期的异常，从构建配置层面将Node端工具代码排除出前端打包流程才是正确解法。

内容的提问来源于stack exchange，提问作者Busana Si