vue运行报错Error: Cannot find module ‘@vue/cli-plugin-babel‘

这篇具有很好参考价值的文章主要介绍了vue运行报错Error: Cannot find module ‘@vue/cli-plugin-babel‘。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

今天将VUE项目迁移到新的电脑上,配置不一样,导致报错:

Error: Cannot find module '@vue/cli-plugin-babel'
Require stack:
- D:\WWW\VUE\xxxxxx\node_modules\.store\@vue+ cli-service@5.0.8- D:\WWW\VUE\xxxxxx\node_modules\.store\@vue+cli-service@5.0.8\node_modules\@vue\cli-service\lib\Service.js
- D:\WWW\VUE\xxxxxx\node_modules\.store\@vue+ cli-service@5.0.8- D:\WWW\VUE\xxxxxx\node_modules\.store\@vue+cli-service@5.0.8\node_modules\@vue\cli-service\bin\vue-cli-service.js
at Module._resolveFilename (node:internal/modules/cjs/loader:1075:15)
at Module._load (node:internal/modules/cjs/loader:920:27)
at Module.require (node:internal/modules/cjs/loader:1141:19)
at require (node:internal/modules/cjs/helpers:110:18)
at idToPlugin (D:\WWW\VUE\xxxxxx\node_modules\.store\@vue+ cli-service@5.0.8 at idToPlugin (D:\WWW\VUE\xxxxxx\node_modules\.store\@vue+cli-service@5.0.8\node_modules\@vue\cli-service\lib\Service.js:172:14)
at D:\WWW\VUE\xxxxxx\node_modules\.store\@vue+ cli-service@5.0.8 at D:\WWW\VUE\xxxxxx\node_modules\.store\@vue+cli-service@5.0.8\node_modules\@vue\cli-service\lib\Service.js:211:20
at Service.resolvePlugins (D:\WWW\VUE\xxxxxx\node_modules\.store\@vue+ cli-service@5.0.8 at Service.resolvePlugins (D:\WWW\VUE\xxxxxx\node_modules\.store\@vue+cli-service@5.0.8\node_modules\@vue\cli-service\lib\Service.js:198:10)
at Object.<anonymous> (D:\WWW\VUE\xxxxxx\node_modules\.store\@vue+ cli-service@5.0.8 at Object.<anonymous> (D:\WWW\VUE\xxxxxx\node_modules\.store\@vue+cli-service@5.0.8\node_modules\@vue\cli-service\bin\vue-cli-service.js:15:17) {
code: 'MODULE_NOT_FOUND',
requireStack: [
'D:\\WWW\\VUE\\xxxxxx\\node_modules\\.store\\@vue+ cli-service@5.0.8 'D:\\WWW\\VUE\\xxxxxx\\node_modules\\.store\\@vue+cli-service@5.0.8\\node_modules\\@vue\\cli-service\\lib\\Service.js',
'D:\\WWW\\VUE\\xxxxxx\\node_modules\\.store\\@vue+ cli-service@5.0.8\\node_modules\\@vue\\cli-service\\bin\\vue-cli-service.js'
]
}

删除node_modules文件夹后执行命令

npm update

仍然报错缺少“@vue/cli-plugin-babel”

在网上找了半天的方法,才找到只言片语。

原因:当前电脑nodejs版本过高,项目的配置太低,不匹配,如下package.json

{

  "dependencies": {
    "node-sass": "^4.13.1",
    "sass-loader": "^7.3.1",
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "~4.5.15",
  },
  
}

node 版本与 node-sass 版本的对应关系:

查看文档的地址: https://www.npmjs.com/package/node-sass

解决方法,删除这几行配置,重新安装。

npm install node-sass
npm install sass-loader
npm install @vue/cli-plugin-babel

重新运行问题解决文章来源地址https://www.toymoban.com/news/detail-804884.html

npm run serve

到了这里,关于vue运行报错Error: Cannot find module ‘@vue/cli-plugin-babel‘的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • 安装puppeteer运行报错Cannot find module ‘puppeteer‘

    安装puppeteer后运行网上的例子 结果报错 Cannot find module ‘puppeteer’ 我是全局安装的 npm install -g puppetteer 后面经过百度参考了puppeteer 安装 js ts的这篇博客,有详细的解决过程,他说要将模块安装到项目目录下,我尝试后确实可以正常使用

    2024年02月07日
    浏览(50)
  • npm 报错 Error: Cannot find module ‘semver‘的解决方法

    执行npm install报错 解决方案 重装node.js 然后到以下文件夹删除相关残留文件: 进入 /usr/local/lib 删除所有 node 和 node_modules文件夹 进入 /usr/local/include 删除所有 node 和 node_modules 文件夹 进入 /usr/local/bin 删除 node 的可执行文件 然后就删除干净了 为了安装最新版nodejs,先提前安装

    2024年02月12日
    浏览(60)
  • Error: Cannot find module ‘×××××ב报错,找不到依赖问题解决方案

    小编最开始在解决这个问题时候在网上找的方案都不管用,最后还是请教大神才得到解决,下面是集中解决方案,希望对大家有帮助。 第一种方案 前端项目在拉取依赖或者启动项目时候,一直报错某依赖获取不到,首先我们找到项目中的node_modules文件夹和package-lock.json文件,

    2024年02月08日
    浏览(58)
  • 解决前端报错 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日
    浏览(59)
  • 解决前端报错 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日
    浏览(52)
  • vite+vue3运行项目报错failed to load config from ../vite.config.ts / Cannot find module ‘node:path‘

    运行vite+vue3项目时报错: failed to load config from …/vite.config.ts error when starting dev server: Error: Cannot find module ‘node:path’ Require stack: /Users/list/Downloads/Admin-master/node_modules/vite/dist/node-cjs/publicUtils.cjs 百度了发现是node版本不够,于是去升级node到16版本 1.清除npm缓存: 2.安装node版本管

    2024年02月05日
    浏览(55)
  • Linux下Node.js引用模块报错Error: Cannot find module

    背景:scrapyd上传的py文件,使用execjs调用Linux中的js文件,其中js引用了crypto-js,但是报错找不到这个模块(已安装) 2.1方法一 1, 执行命令 npm -g root ,查看全局安装的 Node.js 模块所在的路径 2, 将引用模块的路径改为绝对路径 const CryptoJS = require(“/usr/local/lib/node_modules/crypto-j

    2024年02月11日
    浏览(51)
  • 【前端】执行cnpm i出现,报错Error: Cannot find module ‘fs/promises‘

    一、问题: 二、分析: 由于低版本的Node.js对于promises的引入方式与高版本的是不一样的导致promises引入失败; cnpm版本太高 ,node不支持’fs/promises’引入的方式; 三、解决(两者取一即可): 查找node的安装路径=》 where node 【1】升级node版本 【2】降低cnpm的版本 四、效果:

    2024年02月15日
    浏览(48)
  • Vue报错 Cannot find module ‘../../modules/es6.symbol‘解决办法

    在进行webpack打包的时候,会出现Cannot find module \\\'XXX’的错误,找不到某个模块的错误,今天给出解决方法: 直接进行npm install重新打包; 如果npm install重新打包之后,仍然出现这个问题,可以进行删除node_modules文件夹,同时清除缓存,如下命令: 如果以上方法依然不奏效,那

    2024年01月18日
    浏览(59)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包