vue项目关于:Error Cannot find module ‘xxx\bin\vue-cli-service.js‘的解决方案

解决npm run serve时的模块找不到错误

从新项目上拷贝下来的文件在‘npm run serve’运行时遇到了Error Cannot find module ‘xxx\bin\vue-cli-service.js这样的报错

遇到了这种问题解决的方法如下:

1.检查文件夹命名问题

'共享数据项目\rsmis-xxxx-app\node_modules\.bin\' 不是内部或外部命令,也不是可运行的程序
或批处理文件。
internal/modules/cjs/loader.js:800
    throw err;
    ^

Error: Cannot find module 'E:\workspace\@vue\cli-service\bin\vue-cli-service.js'
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:797:15)
    at Function.Module._load (internal/modules/cjs/loader.js:690:27)
    at Function.Module.runMain (internal/modules/cjs/loader.js:1047:10)
    at internal/main/run_main_module.js:17:11 {
  code: 'MODULE_NOT_FOUND',
  requireStack: []
}
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! rsmis-pdms-app@0.1.0 serve: `vue-cli-service serve`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the rsmis-xxxx-app@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\wikki\AppData\Roaming\npm-cache\_logs\2022-09-29T08_38_12_929Z-debug.log

首先检查上一级或者上几级的文件夹命名,一般为了较好区分项目名称,可能会使用特殊符号或者中文等无法识别的字段导致文件路径识别出错,因此找不到需要运行的文件,所以第一步看看有无文件命名相关问题

解决方法:

1.修改文件命名,改成英文、下划线、横线之类的合法名称

2.修改vue项目中node_modules文件夹下 .bin中vue-cli-serve.cmd中的路径

@IF EXIST "%~dp0
ode.exe" (
  "%~dp0
ode.exe"  "%~dp0..@vuecli-serviceinue-cli-service.js" %*
) ELSE (
  @SETLOCAL
  @SET PATHEXT=%PATHEXT:;.JS;=;%
  node  "%~dp0..@vuecli-serviceinue-cli-service.js" %*
)

2.重新npm install

如果文件夹命名规则没有问题,可以删除node_modules和package-lock.json文件

一般来说退出已打开相关代码的应用就可以在文件夹中右键删除上述两个文件了

一般步骤:

1.删除node_modules和package-lock.json文件

2.npm install

再运行代码就好了,如果还是运行失败就在1和2 中间加一句 npm cache clean --force 然后在运行代码

$ vue-cli-service serve --mode development --port 8000 --dashboard INFO Starting development server... ERROR Error: Cannot find module 'vue-template-compiler' Require stack: - D:\fxshow\vuebtsts\node_modules\@vue\vue-loader-v15\lib\compiler.js - D:\fxshow\vuebtsts\node_modules\@vue\vue-loader-v15\lib\resolveScript.js - D:\fxshow\vuebtsts\node_modules\@vue\vue-loader-v15\lib\select.js - D:\fxshow\vuebtsts\node_modules\@vue\vue-loader-v15\lib\index.js - D:\fxshow\vuebtsts\node_modules\@vue\cli-service\lib\config\base.js - D:\fxshow\vuebtsts\node_modules\@vue\cli-service\lib\Service.js - D:\fxshow\vuebtsts\node_modules\@vue\cli-service\bin\vue-cli-service.js Error: Cannot find module 'vue-template-compiler' Require stack: - D:\fxshow\vuebtsts\node_modules\@vue\vue-loader-v15\lib\compiler.js - D:\fxshow\vuebtsts\node_modules\@vue\vue-loader-v15\lib\resolveScript.js - D:\fxshow\vuebtsts\node_modules\@vue\vue-loader-v15\lib\select.js - D:\fxshow\vuebtsts\node_modules\@vue\vue-loader-v15\lib\index.js - D:\fxshow\vuebtsts\node_modules\@vue\cli-service\lib\config\base.js - D:\fxshow\vuebtsts\node_modules\@vue\cli-service\lib\Service.js - D:\fxshow\vuebtsts\node_modules\@vue\cli-service\bin\vue-cli-service.js at Function._resolveFilename (node:internal/modules/cjs/loader:1383:15) at Function.resolve (node:internal/modules/helpers:157:19) at loadFromContext (D:\fxshow\vuebtsts\node_modules\@vue\vue-loader-v15\lib\compiler.js:30:26) at loadTemplateCompiler (D:\fxshow\vuebtsts\node_modules\@vue\vue-loader-v15\lib\compiler.js:37:12) at exports.resolveCompiler (D:\fxshow\vuebtsts\node_modules\@vue\vue-loader-v15\lib\compiler.js:25:23) at VueLoaderPlugin.apply (D:\fxshow\vuebtsts\node_modules\@vue\vue-loader-v15\lib\plugin-webpack5.js:146:22) at VueLoaderPlugin.apply (D:\fxshow\vuebtsts\node_modules\@vue\vue-loader-v15\lib\plugin.js:13:16) at createCompiler (D:\fxshow\vuebtsts\node_modules\webpack\lib\webpack.js:82:12) at create (D:\fxshow\vuebtsts\node_modules\webpack\lib\webpack.js:158:16) at webpack (D:\fxshow\vuebtsts\node_modules\webpack\lib\webpack.js:186:32) at f (D:\fxshow\vuebtsts\node_modules\webpack\lib\index.js:98:21) at serve (D:\fxshow\vuebtsts\node_modules\@vue\cli-service\lib\commands\serve.js:185:22) at process.processTicksAndRejections (node:internal/process/task_queues:105:5) Total task duration: 3.25s 为什么还是报错
最新发布
10-04
Vue 项目中遇到 `Error: Cannot find module 'vue-json-pretty'` 通常表示项目依赖中缺少 `vue-json-pretty` 模块,或者该模块未被正确安装。以下是几种可能的解决方案: 1. **安装缺失的模块** 最直接的解决方法是使用 npm 或 yarn 安装 `vue-json-pretty` 模块。打开终端并执行以下命令: ```bash npm install vue-json-pretty ``` 或者,如果使用的是 yarn: ```bash yarn add vue-json-pretty ``` 2. **检查模块是否被正确引入** 在某些情况下,即使模块已经安装,也可能由于未正确引入而导致报错。确保在组件中正确导入并注册了 `vue-json-pretty`,例如: ```javascript import VueJsonPretty from 'vue-json-pretty'; export default { components: { VueJsonPretty } }; ``` 3. **清理 node_modules 并重新安装依赖** 如果模块已经安装但问题仍然存在,可能是 `node_modules` 目录中的某些文件损坏或不完整。可以尝试删除 `node_modules` 文件夹和 `package-lock.json`(或 `yarn.lock`),然后重新安装依赖: ```bash rm -rf node_modules package-lock.json npm install ``` 或者对于 yarn 用户: ```bash rm -rf node_modules yarn.lock yarn install ``` 4. **检查 package.json 文件** 确保 `package.json` 中列出了 `vue-json-pretty` 作为依赖项。如果没有,可能需要手动添加它,或者检查是否有拼写错误。 5. **使用 Vue CLI 服务重新构建项目** 如果以上方法都无法解决问题,可以尝试使用 Vue CLI 服务重新构建项目: ```bash vue-cli-service build ``` 通过以上步骤,通常可以解决 Vue 项目中 `Cannot find module 'vue-json-pretty'` 的问题。如果问题仍然存在,可能需要进一步检查项目配置或查看模块的文档以获取更多帮助。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值