nodejs及前端环境配置，cannot find module ‘@vue/babel-preset-app’cannot find module ‘cache-loader‘问题解决

于 2023-12-20 19:19:50 发布
阅读量1.1k 收藏 7
点赞数 14
文章标签： 前端 node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52061455/article/details/135115489
版权

1.官网下载相应版本

2.node -v 

npm -v 查看版本号确定是否安装成功

3.nodejs属性-安全设置完全控制

4.安装淘宝镜像

npm config set registry=https://registry.npmmirror.com/

5.cnpm从node_modules里面放到文件夹外面（使命令行能识别cnpm命令）

6.进入项目目录，npm install自动安装项目所需模块

7.在项目目录下，npm run serve 启动服务

中间报了两次未找到模块的错误，分别是

cannot find module ‘@vue/babel-preset-app’

cannot find module 'cache-loader'

解决方法：删除项目目录下生成的node_modules (以及package-lock.json)重新npm install

8.成功截图

半笙吖
关注
  • 14
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Error: Cannot find module ‘@vue/babel-preset-app‘ from ‘C:\Users\Administrator\WebstormProjects\memo
郭宝的博客
01-07 8454
背景： Module build failed (from ./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js): Error: Cannot find module '@vue/babel-preset-app' from 'C:\Users\Administrator\WebstormProjects\memorial' at Function.resolveSync as sync ..
babel-multi-env：babel-preset-env支持`babel` CLI替换多节点版本
01-31
babel-multi-env 通过babel-preset-env和babel-plugin-transform-runtime支持多节点版本的babel CLI替换。 对node.js库/模块有用 用法 转换： import fs from "fs" ; import promisify from "util.promisify" ; export async function demoBumpVersion ( nextVersion = "1.0.0" ) { const content = await promisify ( fs . readFile ) ( "package.json" , "utf8" ) ; const json = JSON . parse ( content ) ; json . version = nextVersion ; await promisify ( fs . writeFile ) ( "package.json" , JSON . stringify ( json , null , 4 ) ,
node.js报错：Cannot find module 'ejs'的解决办法
10-20
最近发现了node.js居然报错了，错误提示为：Cannot find module 'ejs'，后来找了找资料发现解决的方法其实很简单，下面通过这篇文章来一起看看吧，希望对同样遇到这个问题的朋友们能有所帮助。
babel-npm-module-example：一个样板，开始使用Babel在ES6中编写NPM模块
01-31
babel-npm-module-example 一个开始使用Babel在ES6中编写NPM模块的样板。 安装 $ npm install babel-npm-module-example --save 如何使用 开源，看看并开始编码... GULP或NPM命令？ 当前，您可以通过运行gulp命令或npm build命令来构建此项目。 NPM命令 如果要构建基本的JS模块，并且不需要在构建过程中运行任何其他高级任务，则可以使用分支。 或者，您可以删除gulpfile.babel.js文件，并从项目中删除以下npm模块： 巴别核心 吞咽 古尔巴比尔 口香糖 口香糖 gulp-rimraf 运行顺序 使用NPM命令 $ npm run build $ npm test 古尔 对于那些需要运行额外脚本并在构建时执行其他复杂任务的用户，可以使用分支。 或清除package.json scripts对象，并从项目中删除以下npm模块： 里姆拉夫 巴别克利 使用GULP命令 $ node_modules/gulp/bin/gulp.js ting？ 我将用于此项目，但做了一些自定义修
基于Vue-cli快速搭建项目的完整步骤
12-09
前言 vue-cli 是一个官方发布 vue.js 项目脚手架，Vue-cli可以快速帮助我们创建一个项目，这是官方给我们提供的脚手架。下面我说一下vue-cli的使用方法。 下面话不多说了，来一起看看详细的介绍吧 一、准备工作 在使用vue-cli时，首先需要安装nodejs，npm，其次需全局安装vue和vue-cli 　　1、nodejs和npm安装方法详见：https://www.jb51.net/article/90518.htm 　　2、npm install -g vue 　　3、npm install -g vue-cli 二、vue-cli快速搭建项目 安装完成后，同时在
NPM 打包报错 Error: Cannot find module 解决方案
最新发布
ThankiFu的博客
11-14 3604
可能是 node 版本的问题，可能太高或太低，可以想下之前创建项目时用的 node 版本是多少，切到那个版本去进行 $ npm install 一下，这边之前用的 node v14.15 后面升级到 v16，发现在使用 v15 v16 安装都存在运行报错，就切回 v14 运行成功了。1、删除 node_modules 与 package-lock.json，重新 $ npm install 一下，这是一种方案，但是可能不行，因为可能是 node 版本问题。
Error: Cannot find module ‘@vue/babel-preset-app‘
qq_37570710的博客
03-09 1万+
这个提示很明确就是找不到依赖 这个时候执行 npm install @vue/babel-preset-app 注意了！！！ 有时候执行一次，再执行npm run 还是会提示找不到， 不要灰心多执行两次，后面就成功了。（我就被坑了，搞了几个小时。各种看配置环境变量。） ...
Syntax Error: Error: Cannot find module ‘@vue/babel-preset-app‘
大小先生
11-26 9019
报错信息 Syntax Error: Error: Cannot find module '@vue/babel-preset-app' 解决方式 npm i @vue/babel-preset-app -D
解决前端报错 Error: Cannot find module ‘xxx‘（包含 uniapp）
卡尔特斯
05-25 6442
但是可能依然不行，这个可能是内部依赖的版本对不上，也会报内部错误。版本的问题，可能太高或太低，可以想下之前创建项目时用的。一下，这是一种方案，但是可能不行，因为可能是。2、直接手动安装一下找不到的模块。版本是多少，切到那个版本去进行。这里只列了两种，只是因为换了。安装都存在运行报错，就切回。
解决 ERROR Error: Cannot find module ‘cache-loader‘ 报错问题
m0_52685922的博客
06-02 6286
标志是在v7中引入的,目的是绕过peerDependency自动安装;它告诉npm忽略项目中引入的各个modules之间的相同modules但不同版本的问题并继续安装。node版本高，npm 升级到 7.x以上后，会出现上游依赖冲突。
babel-preset-stage-4：有效地应用最少的转换以在Node.js 6、8和10上运行第4阶段代码
01-31
@ ava / babel-preset-stage-4 于预设 希望将带到AVA的测试和帮助文件中。 有效地应用最少的转换，以在Node.js 8、10和12上运行最新JavaScript语法。 不添加或扩展内置Array.prototype.includes ，因此只有在运行...
Vue项目配置文件整理
一位不愿意透露姓名的网友博客
11-28 2825
Vue项目常见配置文件解析
解决前端报错 Error: Cannot find module 'xxx'（包含 uniapp）
卡尔特斯
05-25 1964
在 npm install 安装好依赖后，执行打包命令时可能报错： 1、Error: Cannot find module '@vue/babel-preset-app' 2、Error: Cannot find module 'cache-loader' 这里只列了两种，只是因为换了 3 个 node 环境出现的报错。 网上的解决方案大多是： 1、删除 node_modules 与 p...
使用element-admin生成的项目；在新电脑重刻克隆出现的问题
transform的博客
03-03 2038
npm安装太慢；使用cnpm安装 npm install -g cnpm --registry=https://registry.npm.taobao.org Cannot find module ‘@vue/babel-preset-app’ 安装： npm i @vue/babel-preset-app Cannot find module ‘webpack’ 安装： cnpm i --save-dev webpack@4 webpack-cli Cannot find module ‘util.
关于vue-cli3的浏览器兼容性
曩昔方的博客
10-21 1万+
这里先给出几个链接： 1.Vue-cli浏览器兼容性：https://cli.vuejs.org/guide/browser-compatibility.html#usebuiltins-usage 2.browserslist：https://www.npmjs.com/package/browserslist 3.babel.config.js： https://babeljs.io/...
Syntax Error: Error: Cannot find module ‘cache-loader‘
热门推荐
有一种人仅仅是认识就很好了的博客
11-15 3万+
出现以下问题，应该是有部分依赖包没有下载成功，需要重新安装依赖。 解决方法： 1.进入项目的文件夹目录，删除node_modules文件和package-lock.json文件。注意不是package.json（如果删不掉，看下项目是不是打开了，关了再试试） 2.输入npm install 安装依赖 3.启动项目就可以正常启动了。 ...
vue2项目中如何使用es2020
李刚的学习专栏
11-04 3829
ECMAScript 规范史 ECMAScript 基于多种原始技术，最著名的是 JavaScript (Netscape) 和 JScript (Microsoft)。截止2022年，正式标准一共发布12次，es2020草案撰写中。 1997年06月，ECMAScript 第一版语言被采纳，标准规范发布； 1998年06月，Ecma 大会批准了第二版； 1999年12月，强大的正则表达式、更好的字符串处理、新的控制语句、try/catch 异常处理、更严格的错误定义、数字输出格式以及对未来语言增长预期的
Error: Cannot find module ‘cache-loader‘
tongxin_tongmeng的博客
10-27 1000
Error: Cannot find module 'cache-loader'
Cannot find module @vue/babel-preset imported from babel-virtual-resolve-base.js
weixin_43466258的博客
08-02 3191
@vue/babel-preset 在 babel-virtual-resolve-base.js文件里面没找到。
npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: vue[email protected] npm ERR! Found: vue@2.7.14 npm ERR! node_modules/vue npm ERR! peerOptional vue@"^2 || ^3.2.13" from @vue/babel-preset-app@5.0.8 npm ERR! node_modules/@vue/babel-preset-app npm ERR! @vue/babel-preset-app@"^5.0.8" from @vue/cli-plugin-babel@5.0.8 npm ERR! node_modules/@vue/cli-plugin-babel npm ERR! dev @vue/cli-plugin-babel@"~5.0.0" from the root project npm ERR! peerOptional vue@"*" from @vue/babel-preset[email protected] npm ERR! node_modules/@vue/babel-preset-jsx npm ERR! @vue/babel-preset-jsx@"^1.1.2" from @vue/babel-preset-app@5.0.8 npm ERR! node_modules/@vue/babel-preset-app npm ERR! @vue/babel-preset-app@"^5.0.8" from @vue/cli-plugin-babel@5.0.8 npm ERR! node_modules/@vue/cli-plugin-babel npm ERR! dev @vue/cli-plugin-babel@"~5.0.0" from the root project npm ERR! 3 more (vue-baidu-map, vuex, the root project) npm ERR! npm ERR! Could not resolve dependency: npm ERR! @ant-design/icons-vue@"^6.1.0" from the root project npm ERR! npm ERR! Conflicting peer dependency: vue@3.0.3 npm ERR! node_modules/vue npm ERR! peer vue@">=3.0.3" from @ant-design/icons-vue@6.1.0 npm ERR! node_modules/@ant-design/icons-vue npm ERR! @ant-design/icons-vue@"^6.1.0" from the root project npm ERR! npm ERR! Fix the upstream dependency conflict, or retry npm ERR! this command with --force or --legacy-peer-deps npm ERR! to accept an incorrect (and potentially broken) dependency resolution. npm ERR! npm ERR! npm ERR! For a full report see: npm ERR! E:\nodejs\node_cache\_logs\2023-06-12T01_03_10_463Z-eresolve-report.txt npm ERR! A complete log of this run can be found in: E:\nodejs\node_cache\_logs\2023-06-12T01_03_10_463Z-debug-0.log
06-13
根据错误信息显示，npm 在解析依赖关系时出现了问题，可能是因为项目中存在一些依赖版本的冲突导致的。你可以尝试以下几种方法来解决这个问题： 1. 执行 `npm cache clean --force` 命令清除 npm 的缓存，然后重新执行安装命令。 2. 确认项目中所有依赖的版本是否都兼容，可以通过执行 `npm ls` 命令查看依赖树，找出可能存在的版本冲突。 3. 尝试使用 `npm install --legacy-peer-deps` 命令来安装依赖，该命令会忽略依赖项之间的版本冲突。 4. 执行 `npm audit fix` 命令来修复安全漏洞，该命令可能会自动更新依赖项，从而解决版本冲突问题。 如果以上方法都无法解决问题，你可以尝试手动修改 package.json 文件中的依赖版本，或者升级依赖到最新版本，但需要注意兼容性。最后，如果还无法解决问题，可以尝试卸载并重新安装 npm。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值