在es6环境搭建中gulp安装遇到的问题

最新推荐文章于 2024-01-24 12:21:42 发布
最新推荐文章于 2024-01-24 12:21:42 发布
阅读量3.3k 收藏 2
点赞数 4
分类专栏： gulp es6 文章标签： gulp 问题
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhanglir333/article/details/78615530
版权
在ES6环境中配置gulp时，可能会遇到`gulp: command not found`的错误。解决方法是将全局安装的gulp路径添加到环境变量的Path中。然而，即使这样解决了命令找不到的问题，还可能遇到webpack在编译时找不到'babel'模块的错误，这通常是因为未指定'babel-loader'导致的。需要更新webpack配置，确保使用正确的loader。
摘要由CSDN通过智能技术生成

gulpjs的使用介绍及技巧请参考之前转载的文章http://blog.csdn.net/zhanglir333/article/details/78577895


这里讲的是遇到的问题：

安装完成之后，运行gulp -v出现

 -bash: gulp: command not found

然后查阅了相关文章 
https://segmentfault.com/a/1190000011201373
https://www.zhihu.com/question/36023122
https://segmentfault.com/q/1010000003407181
根据这些文章修改完成后，还是出现

 

最低0.47元/天 解锁文章
zhanglir333
关注
专栏目录
详解webpack+ES6+Sass搭建多页面应用
12-12
目的：是为了分享一下使用过程中，用到的插件、loader、遇到的各种问题以及解决办法，最后会附上最终代码。 在这个项目中，用 webpack打包css、scss、js、图片文件、jquery、第三方插件、字体图标，编译es6、压缩...
npm报错
STRainie的博客
07-26 1万+
记录使用npm时各类报错
npm install gulp安装报错问题
小青柑的博客
04-28 2957
npm install gulp --save安装报错问题 npm ERR! code ENOENT npm ERR! syscall stat npm ERR! path C:\Users\ASUS\.WebStorm2019.1\system\projectGenerators\vue\https:\registry.npm.taobao.org\vue\download\vue-2.6.11.tgz?cache=0&sync_timestamp=1594227470527&other_
npm打包报错Module not found: Error: Can‘t resolve ‘.src/app.js‘ in ‘../Desktop/webpack-react-scaffold‘
晓康的博客
10-12 9653
报错信息如下： ERROR in app Module not found: Error: Can't resolve '.src/app.js' in '/Users/allard/Desktop/webpack-react-scaffold' resolve '.src/app.js' in '/Users/allard/Desktop/webpack-react-scaffold' Parsed request is a module using descr...
npm发布属于自己的包，以及发包过程中webpack打包遇到的一些问题以及解决方法，以后遇到相同的问题就可以直接来翻咯
都已经是第二年的立春、又何必执着于、当年的盛​夏呢？
06-26 2037
由于工作中常用到了很多常用的方法。于是前段时间自己就整理了一些常用的方法，发布了npm，以便于之后用得到的时候可以直接通过npm安装直接import使用。
requirejs + vue 项目搭建详解
10-19
在项目搭建过程中，主要遇到了两个方案： 方案一：作者尝试通过编写RequireJS插件来进行Vue组件文件的加载。但是，由于Vue组件文件包含了template、script、style三个部分，仅仅通过RequireJS读取字符串并利用正则...
gulp_webpack_2018_dima
05-13
在实际开发中，你可能会遇到各种问题，如模块解析错误、资源加载问题等。解决这些问题通常需要深入理解 Gulp 和 Webpack 的工作原理，以及它们各自的配置选项。此外，还可以借助社区丰富的插件和中间件，如 Babel ...
JGulp, 利用Gulp 配置的个人前端项目自动化工作流.zip
09-18
2. **Gulp插件**: Gulp生态系统中有大量的插件，每个插件专注于特定的任务，比如`gulp-sass`用于处理Sass文件，`gulp-babel`用于转换ES6+代码，`gulp-autoprefixer`用于自动添加CSS前缀。在JGulp项目中，我们可以...
mohitKar:网站开发环境，使用 Golp 和 Bavar 构建
06-27
Golp可能是作者自创或误写的词汇，通常在Web开发中我们可能会遇到Golang（Go语言），一种高效、简洁且具有内置并发支持的编程语言。而Bavar可能是指Babel，一个广泛使用的JavaScript转换工具，用于将现代JavaScript...
art-template, node_modules doesn‘t exist or is not a directory
最新发布
白袍小将的博客
01-24 772
webpack 找不到art-template的解决办法
gulp mysql_运行gulp --watch报错汗血宝马
weixin_39575212的博客
02-15 223
[21:16:03] Failed to load external module @babel/register[21:16:03] Requiring external module babel-register[21:16:04] Using gulpfile E:Demoes6gulpfile.babel.js[21:16:04] Starting ‘build’…[21:16:04] S...
webpack 遇到问题总结
hikktn的博客
02-25 1万+
webpack src/main.js dist/bundle.js internal/modules/cjs/loader.js:582 报错的原因，就是什么环境配置的问题。 首先电脑上先安装了node.js，然后又安装了nvm，安装nvm没有卸载，并且安装路径有问题，并不是中文的问题。而是文件夹的空格。 安装nvm的路径是E:\Program Files (x86)\nvm。出现了非常多莫名其妙的问题，虽然解决了，但是必须将需要编译的文件放入node_modules下，让人感到不爽。 .
gulp时webpack报错：WebpackOptionsValidationError: Invalid configuration object. Webpack has been initial
飞鸟过境的Blog
10-04 2万+
错误信息如下: E:\works\ES6>gulp [20:37:23] Failed to load external module @babel/register [20:37:23] Requiring external module babel-register [20:37:26] Using gulpfile E:\works\ES6\gulpfile.babel.js [20:...
【bug记录】angular项目打包提示错误
qq_42420412的博客
02-08 2634
问题描述： Angular项目使用ng build --prod打包时出现如下提示信息 DeprecationWarning: Use of deprecated folder mapping “./” in the “exports” field module resolution of the package at D:…\package.json. Update this package.json to use a subpath pattern like “./*”. WARNING in ./no
.35-浅析webpack源码之babel-loader入口文件路径读取
weixin_30642561的博客
02-24 198
　　哈哈，上首页真难，每次都被秒下，心疼自己1秒~ 　　这里补充一个简要图，方便理解流程： 　　在处理./input.js入口文件时，在类型判断被分为普通文件，所以走的文件事件流，最后拼接得到文件的绝对路径。 　　但是对应"babel-loader"这个字符串，在如下正则中被判定为模块类型： // Resolver.js var notModuleRegExp = /^\.$|^...
es6中'babel-loader'的坑
Maktub的博客
03-19 1536
在做es6彩票项目时遇到一个问题 You need to specify 'babel-loader' instead of 'babel' 只需要将原来的babel改为babel-loader即可。
es6遇到的坑'babel-loader'
chaitong2204的博客
03-29 2090
开发环境是es6+webpck+gulp遇到了一个bugYou need to specify 'babel-loader' instead of 'babel'解决方法是loader:"babel"改为loader:"babel-loader"(webpack2要求必须加-loader,不允许缩写)...
npm项目环境配置时出现报错：Not Found - GET https://registry.npm...
热门推荐
PPY614609的博客
04-13 8万+
npm项目环境配置时出现报错：Not Found - GET https://registry.npm...
手把手指导：搭建ES6开发运行环境与Babel实战
本文档详细介绍了如何搭建ES6的开发运行环境，以帮助读者克服在ES6学习过程中遇到的实际问题。ES6作为JavaScript的最新标准，相较于ES5在语法上有显著改进，但目前浏览器并未全面支持，因此需要借助编译工具来实现在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值