解决前端报错 Error: Cannot find module 'xxx'(包含 uniapp)

  • npm install 安装好依赖后,执行打包命令时可能报错:

    1、Error: Cannot find module '@vue/babel-preset-app'

    2、Error: Cannot find module 'cache-loader'

    这里只列了两种,只是因为换了 3node 环境出现的报错。

  • 网上的解决方案大多是:

    1、删除 node_modulespackage-lock.json,重新 $ npm install 一下,这是一种方案,但是可能不行,因为可能是 node 版本问题。

    2、直接手动安装一下找不到的模块 $ npm i cache-loader,但是可能依然不行,这个可能是内部依赖的版本对不上,也会报内部错误。

  • 当前解决的方案:

    可能是 node 版本的问题,可能太高或太低,可以想下之前创建项目时用的 node 版本是多少,切到那个版本去进行 $ npm install 一下,这边之前用的 node v14.15 后面升级到 v16,发现在使用 v15 v16 安装都存在运行报错,就切回 v14 运行成功了。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
引用[1]:vue项目Error: Cannot find modulexxx’类报错解决方法_晴天'的博客-CSDN博客_cannot find module vue 原文链接:https://blog.csdn.net/weixin_42216142/article/details/87191352 。 引用[2]:问题一:遇到报错信息 Error: Cannot find module ‘D:\project***\node_modules_@[email protected]@@vue\cli-service\bin\vue-cli-service.js’ 。 引用[3]:问题二:遇到报错信息 Module parse failed: Unexpected character ‘�’ (1:0) You may need an appropriate loader to handle this file type. (Source code omitted for this binary file) 问题一:处理方案 。 问题:Error: Cannot find module 回答: 当你在Vue项目中遇到"Error: Cannot find module"的报错信息时,这通常是由于缺少模块或路径错误导致的。[1]对于问题一中的报错信息"Error: Cannot find module ‘D:\project***\node_modules_@[email protected]@@vue\cli-service\bin\vue-cli-service.js’",可能是由于项目中缺少了vue-cli-service模块或者路径配置错误。解决方法可以尝试以下几步: 1. 确保你的项目中已经安装了vue-cli-service模块,可以通过运行命令"npm install @vue/cli-service"来安装。 2. 检查你的路径配置是否正确,确保路径指向正确的文件或模块。 3. 如果以上方法都没有解决问题,可以尝试删除node_modules文件夹并重新安装依赖,运行命令"npm install"。 对于问题二中的报错信息"Module parse failed: Unexpected character ‘�’ (1:0) You may need an appropriate loader to handle this file type. (Source code omitted for this binary file)",这通常是由于文件类型不被正确解析导致的。解决方法可以尝试以下几步: 1. 确保你的项目中已经安装了相应的loader,例如babel-loader或者file-loader,可以通过运行命令"npm install babel-loader"或者"npm install file-loader"来安装。 2. 检查你的webpack配置文件,确保loader的配置正确并且能够处理该文件类型。 3. 如果以上方法都没有解决问题,可以尝试更新相关loader的版本或者查找其他解决方案。 希望以上方法能够帮助你解决报错问题。如果问题仍然存在,请参考引用[1]中的原文链接获取更多详细的解决方案。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

卡尔特斯

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值