gulp中使用gulp-babel 提示 Cannot find module ‘@babel/core‘

于 2020-08-10 16:25:53 发布
阅读量392 收藏
点赞数 1
分类专栏： 前端开发 文章标签： gulp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42806214/article/details/107915467
版权

gulp中使用gulp-babel 提示 Cannot find module ‘@babel/core’

  • 原因：
    npm 上面gulp-babel目前最新的只有7.0版本的，但是我在安装的时候默认安装的是最新的版本8.0的，导致找不到babel/core
  • 解决办法：
    卸载之前安装的最新的版本
    npm uninstall gulp-babel
    npm install --save-dev gulp-babel@7
一起搬砖吧
关注
专栏目录
gulp进阶插件 -- gulp-babel、gulp-postcss
weixin_39357177的博客
02-26 556
gulp是一个流式构建系统（把源代码生成用户可以使用的目标的自动化工具），是基于Node.js实现构建，开发者可以使用它在网站开发过程中自动执行常见任务，比如编译预处理CSS，压缩JavaScript，转化es6语法等。 gulp本身虽然不能完成很多任务，但它有大量插件可用，开发者可以访问插件页面或者在npm搜索gulpplugin就能看到各式各样的插件。针对自己需要实现的功能寻找合适的插件。...
gulp-babel：Babel的Gulp插件
01-28
本自述文件适用于gulp-babel v8 + Babel v7检查以了解使用Babel v6的文档 古尔巴比尔 立即与一起使用下一代JavaScript 输出的问题应在Babel上报告。 安装 安装gulp-babel ，如果你想要得到的下一个版本发布前gulp-...
gulp-babel使用报错：Cannot find module '@babel/core'
bxl0218的博客
09-05 7187
gulp打包是不兼容ES6的，需要使用gulp-babel插件转义后方可打包。 按照gulp-babel的提示安装， 打包时报错：Cannot find module '@babel/core'。   后来改变了一下这三个插件的安装方式居然可以用了： npm install gulp-babel --save-dev npm install babel-preset-env --...
gulp的gulp-babelES6转换问题Cannot find module '@babel/core'解决方案（亲测可用）
淡风wisdon－大大的博客
03-19 8050
遇到的坑：   gulp的ES6转换问题Cannot find module '@babel/core'折腾了我2个多小时，苦得一逼，基本找不到可行的方案解决方案：严格按照我一下的路线进行安装gulp-babel步骤一、创建工程目录Project-demo/ |── dist/├── src/   ├── js/        └── index.js步骤二、安装gulp和编译ES6所需要的模块用...
gulp es6转换es5 Cannot find module '@babel/core'
withwz的博客
02-10 526
在gulp转换es6的时候出现↓ npm i --save-dev gulp gulp-babel @babel/core babel-preset-env @babel/preset-env 在package.js会出现带@的配置，这就行了。 再运行转换es5的task，好啦 下边是文件目录 ### 文件目录 ![在这里插入图片描述](https://img-blog.csdni...
gulp的ES6转换报错 Cannot find module 'babel-core'
j_156310842的博客
07-10 3558
解决方案：按照以下的步骤进行安装gulp-babel一、安装全局的gulp及一系列工具包电脑终端执行命令：1. npm install -g gulp2. npm install  gulp --save-dev;3. npm install gulp-babel --save-dev;// babel-preset-env插件，该插件可以根据配置的目标运行环境自动启用需要的babel插件(动态转...
webpack4 Cannot find module '@babel/core'
baidu_21349635的专栏
01-06 529
参考地址: https://blog.csdn.net/Yagizacd/article/details/82182800 经测试，文章的第一个方法可解决 原因"babel-loader": "^8.0.0"版本问题。 使用"babel-loader": "^7.1.5"即可解决该错误。 ...
工作流程gulp-pug-scss-babel-browserSync
02-08
标题 "工作流程gulp-pug-scss-babel-browserSync" 暗示了这是一个关于使用Gulp.js构建前端开发工作流程的教程，其中涉及到Pug（一个HTML预处理器）、SCSS（Sass的一个语法扩展，用于CSS预处理）、Babel（JavaScript...
gulp-recipe-babel:Babel文件编译和JS转换应用程序的食谱
05-20
gulp -babel Babel文件编译和js转换应用程序的食谱。 任务 巴别塔 将所有babel文件编译到temp文件夹中。 手表：babel 部门：“ babel” 监视所有babel文件的更改并进行编译。 配置 特定食谱 config.babel 默认：...
gulp-babel-react-starter-kit:Gulp Babel React 入门套件
06-11
这是一个用于使用 gulp ( )、babel ( ) 和 react ( ) 进行开发的入门套件 开发工具 React（用于构建用户界面的 JavaScript 库） Gulp（JavaScript 流构建系统和任务自动化） Babel（将 ES6+ 代码转换为 ES5 友好...
gulp的ES6转换问题Cannot find module '@babel/core'
淡风wisdon－大大的博客
03-19 1万+
遇到的坑：gulp的ES6转换问题Cannot find module ‘@babel/core’折腾了我2个多小时，苦得一逼，基本找不到可行的方案解决方案：严格按照我一下的路线进行安装gulp-babel步骤一、创建工程目录Project-demo/|── dist/├── src/ ├── js/ └── index.js步骤二、安装gulp和编译ES6所需要的模块用c
Vue中Module build failed: Error: Cannot find module '@babel/core'最简单解决方案
热门推荐
weixin_43086811的博客
08-28 3万+
s running at http://localhost:3000/ webpack output is served from / Content not from webpack is served from e:\1804vuedemo\vueroutermedo/dist Hash: 6cf951ad079ff750702e Version: webpack 3.11.0 Time:...
使用Babel将ES6转换为ES5时报错解决方法
RoxLiu的专栏
12-13 1万+
在使用rollup + babel打包ES6代码时老是报错： resolve failed:  { Error: Cannot find module 'babel-runtime' ... Error transforming ***.js with 'babel' plugin: It looks like your Babel configuration specifies a mod
babel 编译时出现 Cannot find module '@babel/core' ，附代码，亲测有效。
提莫拌一团蘑菇
06-29 1万+
目录 报错信息： 问题原因： 解决方法： 1.版本降级： 2.升级babel-core版本为7.0.0 报错信息： 问题原因： "babel-loader": "^8.0.0"版本问题。 解决方法： 1.版本降级： 将"babel-loader" 的版本改为 “7.1.5” "devDependencies": { "babel-core...
使用gulp 进行ES6开发
码农甲乙丙
02-01 717
原文地址：使用gulp进行ES6开发，在按照这篇博文进入环境搭建时，在执行$ gulp start时报错: 出现如下错误： Error: Cannot find module ‘babel-core’ 说明了需要安装babel-cli，执行 $ npm install --save-dev babel-cli 安装完成后，再执行$ gulp start，就可以成功执行了:
Cannot find module '@babel/core'
yudldl的博客
09-27 5041
 babel-loader@8 requires Babel 7.x (the package '@babel/core'). If you'd like to use Babel 6.x ('babel-core'), you should install 'babel-loader@7'. 这个是由于babel升级了一个大版本，已经到7.X了， 安装了  babel-loader@8 需要 ...
babel安装问题，Cannot find module '@babel/core' babel-loader@8 requires Babel 7.x (the package '@babel/c
赵乘风_i
01-19 1万+
最近构建两个项目，都有遇到这个问题，记录一下 Cannot find module '@babel/core' babel-loader@8 requires Babel 7.x (the package '@babel/core'). If you'd like to use Babel 6.x ('babel-core'), you should install 'babel-loader@...
Error: Cannot find module 'gulp-uglify
最新发布
06-14
当你遇到 "Error: Cannot find module 'gulp-uglify'" 这个错误时，它通常意味着Node.js在尝试运行一个依赖了 `gulp-uglify` 模块的Gulp任务时，找不到这个模块。`gulp-uglify` 是一个Gulp插件，用于压缩JavaScript代码以减少文件大小。 解决这个问题的步骤一般包括： 1. **检查安装**：确保你已经全局安装了Gulp（`npm install -g gulp`），然后在你的项目目录下安装 `gulp-uglify`（`npm install --save-dev gulp-uglify`）。 2. **配置文件**：确保你的Gulpfile.js或Webpack配置中正确地导入和使用了`gulp-uglify`。例如： ```javascript const uglify = require('gulp-uglify'); gulp.task('scripts', function() { return gulp.src('src/js/**/*.js') .pipe(uglify()) .pipe(gulp.dest('dist/js/')); }); ``` 3. **路径问题**：确认你引用模块的路径是否正确，特别是在使用ES6 import语法时，可能需要配合`babel-plugin-transform-import`来处理。 4. **更新或重新安装**：如果模块是旧版本，尝试更新到最新版（`npm update gulp-uglify`）或删除后重新安装（`npm uninstall gulp-uglify && npm install gulp-uglify`）。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值