vue2/3 - 解决报错Error: Cannot find module ‘babel-plugin-import‘（vue2/vue3报错无babel-plugin-import模块详细解决教程

已于 2024-07-29 14:07:56 修改
阅读量2.9k 收藏 3
点赞数 3
分类专栏： 前端常见问题解决 前端组件与功能(开箱即用) 文章标签： l-plugin-import vue2 vue3 vue找不到import模块 运行打包build时出现报错 重装install依赖还是报错 安装axios后没有解决报错
于 2024-03-04 11:09:49 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50545213/article/details/136446596
版权
当在Vue2或Vue3项目中遇到Error: Cannot find module 'babel-plugin-import'的错误时，常规的删除并重新安装依赖不起作用。本文提供了解决该问题的步骤，包括确保正确安装axios所需插件，降低less版本以及在配置文件中添加相应设置。通过这些方法，可以解决项目编译、打包时的报错问题。
摘要由CSDN通过智能技术生成

问题描述

在vue2、vue3项目开发中，项目编译运行、打包、组件库等等，突然出现报错Error: Cannot find module 'babel-plugin-import’错误提示，并且奇怪的是删包重装、修改配置都不好使无效。

如果你和我报错差不多，使用文章内提供的方法完美解决。

在这里插入图片描述

问题描述

在vue2、vue3项目开发中，项目编译运行、打包、组件库等等，突然出现报错Error: Cannot find module 'babel-plugin-import’错误提示，并且奇怪的是删包重装、修改配置都不好使无效。

如果你和我报错差不多，使用文章内提供的方法完美解决。

解决教程

出现这个问题，其实

了解本专栏 订阅专栏 解锁全文
街尾杂货店&
关注
  • 3
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
订阅专栏
babel-plugin-import, 模块式导入插件插件.zip
10-10
babel-plugin-import, 模块式导入插件插件 babel-plugin-import模块导入插件，与 antd， antd移动插件，等等。 为什么 babel-plugin-import英语教学指南中文说明在哪里添加 babel-plugin-importb
报错_ Error: Cannot find module 'babel-plugin-import' from 'C:\briup\workspace_ui\ej_1.0_ui
lavendeyan的博客
06-10 1万+
报错信息： 改正： 所需插件没有安装上 安装axios >cnpm install axios qs --save 安装antd以及按需导入的插件 > cnpm install antd babel-plugin-import --save ...
vuecli3.0 引入vant报错Cannot find module 'babel-plugin-import' from ' '解决方法
热门推荐
二月的博客
08-01 4万+
error in ./src/main.js Module build failed (from ./node_modules/babel-loader/lib/index.js): Error: Cannot find module 'babel-plugin-import' from 'd:\code\vue-test-0731' at Function.modul...
gitee上传之后本地代码丢失及Cannot find module ‘babel-plugin-import‘解决办法
m0_57469571的博客
05-09 2623
gitee上传之后本地代码丢失及Cannot find module 'babel-plugin-import'解决办法
Cannot find module 'babel-plugin-import'报错的解决方法
qq_43412333的博客
01-18 3万+
出现如下情况 说明axios所需的插件没有装上 安装 npm install axios qs --save npm install antd babel-plugin-import --save 最后 问题成功解决
关于vue 动态引入（异步加载import和require）组件的方法和坑（按需懒加载组件，动态生成路由）babel-plugin-dynamic-import-node 优化编译速度
yorcentroll的博客
01-26 2万+
关于vue 动态引入（异步加载）组件的方法和坑（按需懒加载组件，动态生成路由）babel-plugin-dynamic-import-node 优化编译速度
vue3运行npm run serve报错ERROR Error: Cannot find module ‘babel-plugin-import‘ Require stack:
oneya1的博客
03-31 1721
然后会崩溃的发现运行还是报错，这会已经麻了，不过不要放弃。把依赖包删了重新npm i 还是报错。把less降低到3版本或一下。
【工作实录】解决babel-plugin-dynamic-import-node引发的问题
leoJustGO的博客
08-25 3727
解决babel-plugin-dynamic-import-node引发的问题
若依框架 动态路由按需加载-Cannot find module问题
hfqhfq123的专栏
07-03 1884
是@vue/cli-plugin-babel/preset 引起的，要把这个babel配置去掉，并替换成其他配置。就是在打包的时候，import动态引入的文件根本没打包进去。然后就去搜了相应问题（import(`@/views/ 没有打包进去），有个博客给了答案！这样之后，终于成功了，可以看到static/js下面瞬间出现了上百个js文件。和 return () => import(所在文档，按照每个回答都去试了，都不成功。开始以为是代码及路由出了问题。后来突然灵光一闪，对比了一下，出现这个问题，看到了。
babel-plugin-import不生效的问题
有姿态的北漂的博客
03-10 1万+
问题描述： 使用create-react-app生成项目，然后eject，然后安装了antd和babel-plugin-import依赖包，按antd官网的说明在babelrc里面加了配置： { "plugins": [ ["import", { libraryName: "antd", style: "css" }] ] } 大概2016年10月份按这个流程构建的项目，是没有任何问
若依生产环境打包 动态路由按需加载-Cannot find module
rubbish_Z的博客
01-06 765
使用若依打包生产环境和测试环境的时候出现。大概是因为bable配置导致的。根据提供的方法进行配置。
vue Cannot find package ‘babel-plugin-import‘ imported from
PrimaryColor
10-24 2977
报错：解决方法：
babel-plugin-import按需加载不生效
qq_36205027的博客
03-04 3948
背景react--Version15.4 框架比较老,项目突然需要使用的antd组件,找到一个2.X版本的antd做兼容 问题 项目打包过大 You are using a whole package of antd, please use https://www.npmjs.com/package/babel-plugin-import to reduce app bundle size...
报错Cannot find module '@babel/plugin-transform-react-jsx'
asssaaafq124141的博客
07-26 2345
1. 删除项目下node_modules文件夹 2. yarn add start （重新下载node_modules） 3. yarn start 转载于:https://www.cnblogs.com/jack-zhou21235/p/11251589.html
error: Cannot find module ‘babel-plugin-import‘
最新发布
m0_60913945的博客
02-23 132
vue动态加载组件import引入组件找不到组件（Error: Cannot find module）
TTong_190502的博客
06-16 5992
vue动态加载组件import引入组件找不到组件，异步加载组件找不到组件解决方案
vue2+typescript(ts) 解决找不到模块“vue“
XUANEER的博客
02-09 2092
问题描述 vue2 + ts项目中，main.ts中用 import Vue from “vue” 引入vue模块时，报错: “找不到模块‘vue’” 解决方案 方案一： 在tsconfig.json中配置"moduleResolution": “node” // tsconfig.json { “compilerOptions”: { ... "moduleResolution": "node", } } 方案二：使用node 中require()引入vue模块 方案三：在tsconfi
Vue 3.x Ant Design 使用 babel-plugin-import 来进行按需加载
weixin_43447840的博客
02-17 3286
最近学习用Ant Design Vue 开发项目，按照官方的快速上手进行了安装。 默认是全局引入，打包后体积很大，非常影响首屏加载速度，需要用到按需加载，仅引入要使用的组件。 不得不说官方文档写的很烂????，用的React举例，全是坑，在这完整分享下怎么做。 1. 安装 babel-plugin-import cnpm i babel-plugin-import --dev --save 某种未知原因，我用npm安装一直报错404，改用cnpm就好了。 2. 安装 less-loader cnpm in
vue-cli babel.config.js文件引入vant报错Cannot find module ‘babel-plugin-import‘
Have_No_Heart的博客
12-15 2996
问题 在跟着网上的vue项目的项目准备过程中，在 babel.config.js 文件中需要引入 vant 组件库。代码大概如下： module.exports = { presets: [ '@vue/cli-plugin-babel/preset' ], plugins: [ ['import', { libraryName: 'vant', libraryDirectory: 'es', style: true }, 'vant'
npm run dev报错Error: Cannot find module '@vue/cli-plugin-babel'
05-11
这个错误通常发生在你缺少某个依赖包或者版本不匹配。你可以尝试以下方法解决： 1. 确认你已经安装了`@vue/cli-plugin-babel`这个依赖包。你可以在命令行中执行`npm install @vue/cli-plugin-babel --save-dev`或者`yarn add @vue/cli-plugin-babel --dev`来安装它。 2. 如果已经安装了`@vue/cli-plugin-babel`，那么可能是版本不匹配导致的问题。你可以尝试升级或者降级这个依赖包的版本，具体操作可以参考官方文档。 3. 如果以上两种方法都不行，你可以尝试删除`node_modules`目录，然后重新执行`npm install`或者`yarn`命令来重新安装所有依赖包。 希望这些方法能够帮到你解决问题。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

街尾杂货店&

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

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

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

打赏作者

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

抵扣说明：

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

余额充值