如何修复“找不到模块 vue-cli-service.js”？

Posted 2023-02-22

【中文标题】如何修复“找不到模块 vue-cli-service.js”？

【英文标题】：How to fix 'Cannot find module vue-cli-service.js'?

【发布时间】：2020-01-15 10:16:42

【问题描述】：

我正在建立一个新的Vue项目，当我在CMD中运行命令npm run serve时，出现以下错误：

Error: Cannot find module 'C:\Users\Bram Wicherink\@vue\cli-service\bin\vue-cli-service.js'
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:636:15)
    at Function.Module._load (internal/modules/cjs/loader.js:562:25)
    at Function.Module.runMain (internal/modules/cjs/loader.js:831:12)
    at startup (internal/bootstrap/node.js:283:19)
    at bootstrapNodeJSCore (internal/bootstrap/node.js:622:3)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! real-world-vue@0.1.0 serve: 'vue-cli-service serve'
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the real-world-vue@0.1.0 serve script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Bram Wicherink\AppData\Roaming\npm-cache\_logs\2019-09-13T14_03_01_676Z-debug.log

我该怎么办？

我已经阅读了日志，我卸载并重新安装了 NPM、Vue、Node.js 并阅读了一些关于 Google 的背景信息，但没有任何效果。

【问题讨论】：

在运行npm run serve之前运行npm install

然后我得到同样的错误，在该命令之前运行npm install。

你能尝试运行npm i @vue/cli-service吗？

不幸的是，在多次重新安装 NPM 和 VUE 包后，它一直说找不到模块/服务...

它又工作了！我不得不再次通过 cmd ('npm install') 安装 npm 两次，奇怪的是它确实有效吗？谢谢！

【参考方案1】：

我在我的项目中运行了一个clean_bins.cmd 脚本，它搜索所有/bin/ 文件夹并将其删除。运行该脚本后，vue 遇到了同样的问题。

要解决此问题，只需清理 /node_modules/ 文件夹并运行 npm install。

【参考方案2】：

在我的情况下 (Windows)，node_modules\.bin\vue-cli-service.cmd 失败了，因为我的一个父文件夹有一个 & 字符，它破坏了 %~dp0

【讨论】：

你是神，从最近 2 小时开始卡住，安装卸载 npm ， vue，然后删除节点模块文件夹等。谢谢队友

你做了什么来修复它？重命名文件夹？

@marts 这是很久以前的事了，但从记忆中是的 - 这是最简单的解决方法。

【参考方案3】：

这只是根据我在 Windows 10 开发环境中使用多个磁盘的经验得出的： 我有一台使用多个硬盘驱动器的工作机器：一个用于操作系统，另一个用于文件存储。 vue-cli 按照默认安装到我的主磁盘 (C:) 的文档进行安装，但是尝试配置 -of 是成功的 - 但从辅助磁盘 (D:) 运行导致相同的错误.在主磁盘 (C:) 上运行 vue-cli 命令来创建和提供 vue js 应用程序（这里是问题的症结所在）为我解决了这个问题。

请注意：这不是一个完整的解决方案，而是我的观察结果，即使它听起来微不足道。