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

这篇具有很好参考价值的文章主要介绍了vue项目关于:Error Cannot find module ‘xxx\bin\vue-cli-service.js‘的解决方案。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

从新项目上拷贝下来的文件在‘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 然后在运行代码文章来源地址https://www.toymoban.com/news/detail-484050.html

到了这里,关于vue项目关于:Error Cannot find module ‘xxx\bin\vue-cli-service.js‘的解决方案的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 解决使用npm出现Error: Cannot find module ‘C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.jsprefix‘报错

    在我设置公司镜像源的时候遇到以下报错:Error: Cannot find module \\\'C:Program Filesnodejsnode_modulesnpmbinnpm-cli.jsprefix\\\',导致切换失败   分析问题:可以看到,报错的内容如下:  1、可以看到,问题的症结在于,无法找到npm-cli.js文件 2、既然无法找到,那么指定就是在安装目录下面

    2024年02月11日
    浏览(63)
  • 解决 Error: Cannot find module ‘C:\Users\xxx\AppData\Roaming\npm\...\pnpm.cjs 问题

    安装 Nodejs 到 C 盘,环境变量配置啥的都是默认的。 安装 pnpm ,后续都能正常使用。。。 某种原因我想卸载 Nodejs 并重装,中途我删过这个目录 C:UsersxxxAppDataRoamingnpm (npm下载依赖的默认安装目录) 重装后环境变量也是配置到 D 盘等等。 安装 pnpm 也是安装到了D盘 Nodejs 目录

    2024年02月05日
    浏览(35)
  • 解决前端报错 Error: Cannot find module 'xxx'(包含 uniapp)

    在 npm install 安装好依赖后,执行打包命令时可能报错: 1、 Error: Cannot find module \\\'@vue/babel-preset-app\\\' 2、 Error: Cannot find module \\\'cache-loader\\\' 这里只列了两种,只是因为换了 3 个 node 环境出现的报错。 网上的解决方案大多是: 1、删除 node_modules 与 package-lock.json ,重新 $ npm install 一下

    2024年02月05日
    浏览(36)
  • 解决前端报错 Error: Cannot find module ‘xxx‘(包含 uniapp)

    在 npm install 安装好依赖后,执行打包命令时可能报错: 1、 Error: Cannot find module \\\'@vue/babel-preset-app\\\' 2、 Error: Cannot find module \\\'cache-loader\\\' 这里只列了两种,只是因为换了 3 个 node 环境出现的报错。 网上的解决方案大多是: 1、删除 node_modules 与 package-lock.json ,重新 $ npm install 一下

    2024年02月12日
    浏览(42)
  • nvm安装node后,报错Cannot find module ‘C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js‘

    问题描述 nvm安装node后,也会自动安装npm工具,但是在提示安装完成之后,使用npm相关命令时,会报如下错误 Error: Cannot find module \\\'C:Program Filesnodejsnode_modulesnpmbinnpm-cli.js\\\' 原因: 可以查看当前node版本  node -v,如v14.18.1,然后去nvm安装地址中找C:Users10153615AppDataRoamingnvm,

    2024年04月13日
    浏览(55)
  • 解决若依部署后出现Error: Cannot find module ‘@/views/xxx‘问题,本地没有问题

    问题描述: 若依项目本地运行没有问题,部署到服务器以后点击菜单切换路由,一直处于加载状态,打开控制台,发现报错Error: Cannot find module ‘@/views/xxx‘。 原因: 路由懒加载,webpack版本问题,webpack4 不支持变量方式的动态 import ,新版本需要使用 require() 来解决此问题。

    2024年02月12日
    浏览(51)
  • 运行vue3报错Error: Cannot find module ‘node:url‘解决

    使用 npm init vue@lates t创建vue3工程,进入到相应目录, npm install 安装完依赖,运行 npm run dev 报错 Error: Cannot find module ‘node:url’ ,如下图所示: 这是vue3工程依赖的node版本比较高所导致的。可以使用nvm安装高版本的node,然后使用nvm use切换到高版本,再运行 npm run dev 既可以把

    2024年02月07日
    浏览(41)
  • webstorm vue3+ts报错:Cannot find module ‘@/views/xxx.vue‘ or its corresponding type declarations

    意思是说找不到对应的模块“@/views/xxx.vue”或其相应的类型声明 因为ts只能解析 .ts 文件,无法解析 .vue文件 解决方法很简单,一开始的时候env.d.ts是空文件,我们可以在项目的env.d.ts中引入如下代码: 加入上面的代码,就不报错了。

    2024年02月11日
    浏览(55)
  • vue运行报错Error: Cannot find module ‘@vue/cli-plugin-babel‘

    今天将VUE项目迁移到新的电脑上,配置不一样,导致报错: Error: Cannot find module \\\'@vue/cli-plugin-babel\\\' Require stack: - D:WWWVUExxxxxxnode_modules.store@vue+ cli-service@5.0.8- D:WWWVUExxxxxxnode_modules.store@vue+cli-service@5.0.8node_modules@vuecli-servicelibService.js - D:WWWVUExxxxxxnode_modules.store@vue+

    2024年01月19日
    浏览(41)
  • 【VUE】npm打包报错 Syntax Error: Error: Cannot find module ‘imagemin-gifsicle‘

    npm run build 报错,报错如下 原因 这个错误消息显示缺少了 imagemin-gifsicle 模块,而它是 image-webpack-loader 的依赖项,导致构建失败。 解决 (1)方法一 (2)方法二 卸载已有的image-webpack-loader,用 cnpm 重新安装 报错信息如下 原因 这个错误信息显示您当前安装的 Vue.js 版本与 v

    2024年02月15日
    浏览(35)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包