Vue项目执行npm run serve报错：找不到@vue/cli-plugin-eslint模块

问题现象 #

执行npm run serve时，明明devDependencies已配置@vue/cli-plugin-eslint: ~4.5.0，却抛出Cannot find module '@vue/cli-plugin-eslint'错误，且报错路径指向全局的@vue/cli-service（C:\Users\dell\AppData\Roaming\npm\node_modules@vue\cli-service）。

原因分析 #

全局安装的@vue/cli-service会优先加载，它无法读取项目本地node_modules里的插件，导致找不到项目依赖中声明的@vue/cli-plugin-eslint。

解决步骤 #

1. 改用项目本地的vue-cli-service执行命令 #

直接调用项目本地的vue-cli-service，避免全局版本干扰：

npx vue-cli-service serve

或者修改package.json里的scripts，确保始终使用本地依赖：

"scripts": {
  "serve": "npx vue-cli-service serve",
  // 其他脚本保持不变
}

2. 重新安装项目依赖 #

删除本地依赖和lock文件，彻底重新安装：

# 删除node_modules和lock文件
rm -rf node_modules package-lock.json
# 重新安装依赖
npm install

Windows环境执行：

Remove-Item -Recurse -Force node_modules, package-lock.json
npm install

3. 手动安装@vue/cli-plugin-eslint #

如果重新安装后仍有问题，单独安装该插件：

npm install @vue/cli-plugin-eslint@~4.5.0 --save-dev

4. 卸载全局vue-cli-service（可选） #

若全局版本和项目版本不一致，容易引发冲突，可卸载全局版本：

npm uninstall -g @vue/cli-service

验证 #

重新执行npm run serve，若不再抛出模块找不到的错误，说明问题解决。

内容的提问来源于stack exchange，提问作者Phalguna Althi