webpack 使用babel 7.0遇到的坑

最新推荐文章于 2026-05-01 11:47:56 发布
原创 最新推荐文章于 2026-05-01 11:47:56 发布 · 6.4k 阅读 · 1
本文记录了在使用webpack与babel 7.0时遇到的三个问题：Plugin/Preset不允许导出对象、Node Sass环境绑定找不到、无法找到'@babel/plugin-transform-runtime'模块。解决方案包括升级或降级babel版本、按照推荐方式解决Node Sass问题，以及安装@babel/runtime。文章旨在提供问题解决参考。

前言

今天在使用babel 7.0的时候遇到了一些坑，并且在此做上记录以方便以后对改问题的回溯。

1. Plugin/Preset files are not allowed to export objects

这个问题是由于babel的版本冲突，在babel 7.x之后，babel做了不可兼容的升级，babel的命名规则也从以前的babel-xxx修改成@babel/xxx。如果要解决这个问题可以使用以下的方法：

  1. 升级babel到babel7.0

将所有有关babel的包都升级为7.0版本

    "@babel/core": "^7.5.4",
    "@babel/plugin-proposal-class-properties": "^7.0.0",
    "@babel/plugin-proposal-json-strings": "^7.0.0",
    "@babel/plugin-syntax-dynamic-import": "^7.0.0",
    "@babel/plugin-syntax-import-meta": "^7.0.0",
    "@babel/plugin-transform-runtime": "^7.5.0",
    "@babel/preset-env": "^7.0.0",
    "@babel/runtime": "^7.5.4"
  1. 降级到babel6.0版本
    "babel-core": "^6.26.3",
    "babel-preset-env": "^1.7.0",
    "babel-preset-react": "^6.24.1",
    "babel-loader": "^7.1.5",
最低0.47元/天 解锁文章
vue npm启动报错-解决
JavaPub
05-14 1734
文章目录异常解决 异常 PS E:\myworkpace\pub-admin-vue> npm run dev > ruoyi@3.8.2 dev > vue-cli-service serve ERROR Error: Cannot find module 'babel-plugin-transform-vue-jsx' Require stack: - E:\myworkpace\pub-admin-vue\node_modules\@babel\core\lib\confi
MoE专家缓存优化：边缘计算中的内存管理突破
最新发布
weixin_30237719的博客
05-01 426
混合专家模型(Mixture-of-Experts)通过稀疏激活机制实现了模型容量的高效扩展，成为边缘计算场景的重要技术。其核心原理是通过动态激活部分专家模块，在保持模型性能的同时显著降低计算开销。然而专家缓存管理面临独特挑战，特别是内存墙问题和层序确定性的访问模式。针对这些挑战，新型Least-Stale驱逐算法和分数预取策略通过智能识别专家状态和重要性，实现了高达35%的推理加速。这些优化技术使得7B级大模型能在移动设备流畅运行，为AIoT、智能终端等边缘计算场景提供了可行的部署方案。
Webpack+babel 报错: Error:Cannot find module ‘@babel/core 解决办法
成长之路
03-21 3015
一. 问题背景 通过cmd命令添加babel cnpm install --save-dev babel cnpm install --save-dev babel-loader cnpm install --save-dev babel-core cnpm install --save-dev babel-plugin-transform-runtime cnpm install --save-dev babel-preset-es2015 cnpm install --save-dev babel-ru
babel源码解析之（@babel/plugin-transform-runtime）
vv_bug
07-02 2718
前言 前面我们用了一篇很长的文章介绍了@babel/preset-env,感兴趣的可以去看我之前的一篇文章babel源码解析之（@babel/preset-env）,今天我们要分析的是babel的一个插件，叫@babel/plugin-transform-runtime. 简介 我们看一下官网对它的描述： A plugin that enables the re-use of Babel’s injected helper code to save on codesize. 很简短的一个描述信息，翻译一
Cannot find module ‘babel-plugin-‘ from
weixin_42455970的博客
04-18 1032
“babel-plugin-syntax-jsx”: “^6.18.0”, “babel-plugin-transform-runtime”: “^6.22.0”, “babel-plugin-transform-vue-jsx”: “^3.5.0”, 在package.json中devDependencies里面 加入上面那三个 在 npm/cnpm install do
Error: Cannot find module '@babel(转载)
u011483658的博客
07-10 1万+
Error: Cannot find module '@babel 0.12018.12.29 16:13*字数 227阅读 927评论 0喜欢 1 在安装babel的时候，遇到个Error: Cannot find module '@babel/core’问题，查了很多资料才解决，希望能够帮助到各位兄弟。 问题产生的原因 babel-loader和babel-core版本不对应所产...
webpack 之 使用 loader && babel
玄鱼殇
05-06 2670
webpack 之 零基础使用常用的Loader
babel在webpack 中使用和配置
星环
08-18 5888
babel webpack babel 7.4 @babel/core babel-core core-js @babel/plugin-transform-runtime @babel/preset-env babel-loader @babel/runtime-corejs3 在vue中使用babel
webpack-babel的使用，编译es6，es7，高级语法
Chad97的博客
02-06 2304
babel是什么？ 官方解释 Babel 是一个 JavaScript 编译器 Babel 是一个工具链，主要用于在旧的浏览器或环境中将 ECMAScript 2015+ 代码转换为向后兼容版本的 JavaScript 代码 小栗子： class Person { static info = {name: 'zs', age: '18'} } let p1 = new Person...
webpack4+babel7安装
ayww的博客
06-28 696
webpack4+babel7安装前言1. package.json2. webpack.config.js3. .babelrc4. 后记 前言 最近学习react，但网上教程比较混乱，坑很多，而且babel7较之前版本有重大变更。在此开一篇文章记录一下辛酸历程。 1. package.json 列出了各库文件版本。 npm package 名称的变化 (重点) 这是 babel 7 的一个重大变化，把所有 babel-* 重命名为 @babel/* package.js { "name": "rea
前端启动项目的时候报错误: Error: Cannot find module ‘babel-plugin-transform-vue-jsx‘。
Slpyy的博客
12-02 5622
启动报错
Cannot find module ‘babel-plugin-xxxx‘ 报错解决方案
热门推荐
简单随风的博客
07-17 2万+
例如 Cannot find module 'babel-plugin-transform-vue-jsx 或 Cannot find module 'babel-plugin-transform-runtime等报错 《npm package官网》提供了解决方案。 不同package查看对应解决方案即可
Cannot find module 'babel-plugin-transform-es2015
浩浩也叫WKS
12-13 7547
使用webpack配置babel出现错误自己大概试了试 两种原因 1。npm的版本原因 2。babel-runtime出错 解决方案： 更换npm版本或者rm -rf 删除全部node_modules包 重装package.json 完美解决
提示 Cannot find module ‘@vue/babel-plugin-transform-vue-jsx‘
levi_work的博客
08-24 4091
./src/main.js Module build failed (from ./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js): Error: Cannot find module '@vue/babel-plugin-transform-vue-jsx' Require stack: 解决方案 npm install @vue/babel-plugin-transform-.
babel开发环境报错
学习小窝
12-20 546
问题小记 记录日常开发中碰到的问题，避免下次依旧无法结局 最近在进行vue开发的时候，总是遇到bable的某一个module无法加载，后来通过百度后将babel的版本调整至一下 “@babel/preset-env”: “^7.8.7” ...
Error: Cannot find module ‘@babel/core’处理
weixin_42202992的博客
08-06 4744
Error: Cannot find module '@babel/core’问题处理
react tsx 中遇到 Error: Cannot find module '@babel/***
weixin_46138124的博客
04-08 4906
Error: Cannot find module '@babel报错问题 问题产生的原因： babel-loader和babel-core版本不对应所产生的 1.babel-loader 8.x对应babel-core 7.x 2.babel-loader 7.x对应babel-core 6.x 解决方法： 1、 卸载旧的babel-core npm un babel-core 2、 安装新的...
Error: Cannot find module ‘@babel/core‘ 问题已解决
weixin_55242897的博客
02-26 5271
项目场景： webpack 打包高级js语法时出错打包不成功 问题描述： 原.babelrc { "persets":["env","stage-0"], "plugins":["transform-runtime"] } 打包运行 npm run dev Error: Cannot find module ‘@babel/core’ … 原因分析： 网上查找答案，受EddyWorkHard（https://www.jianshu.com/p/74cb6203c39f）的文章启发了解
Cannot find package ‘babel-plugin-import‘ 报错
weixin_42222874的博客
12-13 1237
axios 对应的插件没有装上，执行以下命令即可npm install axios qs --save npm install antd babel-plugin-import --save你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：撤销：C
vue Cannot find package ‘babel-plugin-import‘ imported from
PrimaryColor
10-24 3274
报错：解决方法：
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值