06【Web】高级-gulp之node-sass报错

已于 2023-06-05 12:19:48 修改
阅读量404 收藏
点赞数
分类专栏： Web 文章标签： npm gulp bootstrap node.js
于 2023-05-20 21:50:14 首次发布
极正君
本文链接：https://blog.csdn.net/qq_44098341/article/details/130786277
版权
npm下载的依赖与node之间版本冲突的问题由来已久。解决此类问题不是靠运气，而要看原理
摘要由CSDN通过智能技术生成

06【Web】高级-gulp之node-sass报错

本系列文章，介绍前端的基础知识及一些开发中遇到的诸如环境和代码等实际问题的参考方案

文章目录

前言

gulp 目前的使用情况应该是不如刚出来那样火爆了，毕竟webpack 这种现代 JavaScript 应用程序的 静态模块打包工具 正在借助渐进式框架占据主流市场的情况还在稳步推进，但是gulp的项目在github上依然具备一定受众，而且上手也并不是能难，相信还会存在一定的时间。在使用 gulp 之前依然是 npm的导包工作，因为日新月异的新旧更迭，版本问题引发的报错，令很多同学出现有种碰运气的现象级错觉，实际上这都是版本与环境的对应问题。

node-sass 改改你的脾气吧

1. 脾气由来

node软件的包管理工具npm 对版本非常有品味，尤其是对node-sass和 glup-sass 两个编译插件的要求，极为苛刻。笔者作为多年的程序达人，也曾经在与前端工程化搭建的项目中，与npm斗得天昏地暗，虽然胜利永远属于自己，但是每次都损失惨重。

node的版本问题，其实与其他软件的版本不兼容问题一样可恶，且有过之而无不及，这就导致圈子内的人始终在使用固定的一套较老练的版本，而圈子外的人，每次都使用新版本来尝试这一领域的知识，但往往都会造成各种版本不兼容的问题，原因很简单 node版本升级，从不会带其他包升级，更不会自动升级我们在网上找的免费资源里包的版本。

2.

最低0.47元/天 解锁文章
东海若知意
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
前端构建工具gulp（2）-- 安装gulp-sass报错问题
weixin_34302798的博客
12-05 221
问题：在项目中直接使用 npm install gulp-sass --save-dev 安装sass时出现错误：如下 意思是要想安装gulp-sass模块，必须先安装node-sass模块（gulp-sass模块依赖与node-sass模块） 步骤1：所以我们先本地安装node-sass 步骤2：之后再安装 glup-sass 转载于:https://www.cnblogs...
npm工具gulp
08-02
npm工具gulp，解压后放到NODE_PATH路径下，就可以使用gulp自动化工具啦 版本：3.9.1 时间：2016-8-2
node与npm版本对应表
最新发布
bydaxiao的博客
05-22 5010
node与npm对应关系
gulp-sass 使用报错Error:gulp-sass no longer has a default Sass compiler； please set one yourself
-
02-15 1376
使用gulp-sass报错，报错信息如下： 跟个上面提示，我们发现，需要自己指定一个sass解释器， 即安装sass或者node-sass，便执行以下操作 npm i sass -d 并且在引入gulp-sass时，要这样写 const sass = require('gulp-sass')(require('sass')) 然后gulp-sass就可以使用了 ...
gulp-sass打包报错(已解决)：gulp-sass no longer has a default Sass compiler； please set one yourself.
weixin_49256675的博客
06-22 1585
一、报错信息 二、报错原因 （一）新版本改了引入写法 （二）下载新版本gulp sass不再自带默认的sass编译器，所以要自己手动下载一个sass编译器的包。 三、解决步骤 （一）引入方法修改为：const sass = require('gulp-sass')(require('sass')) （二）手动下载sass编译器包：npm i sass -D 四、重新打包验证...
安装gulp-sass或者node-sass失败解决方法
5coder的大前端进阶之路-个人博客网站：blog.5coder.cn
11-20 419
使用Yarn安装gulp-sass或者node-sass失败解决方法 为sass设置淘宝镜像吗，亲测有效 yarn config set sass-binary-site http://cdn.npm.taobao.org/dist/node-sass -g 设置成功后，启动命令： yarn add gulp-sass --dev OK!!!等待片刻，成功安装！！！ 感谢拉勾大前端训练营6期大佬【苏*】分享，具体名字就不暴露了，多谢大佬！ ...
Node、gulp、sass
qq_44930306的博客
08-25 443
这里是基于node.js衍生出的几个工具的使用。gulp用于js/css文件压缩：sass用于css样式预处理
node-sass安装包
10-23
const sass = require('gulp-sass')(require('node-sass')); gulp.task('sass', () => gulp.src('src/sass/**/*.scss') .pipe(sass()) .pipe(gulp.dest('dist/css')) ); gulp.task('watch', () => gulp.watch...
gulp-sass-glob：在sass中使用glob include
02-03
gulp-sass-glob 插件的来使用水珠进口。 安装 npm install gulp-sass-glob --save-dev 基本用法 main.scss @import " vars/**/*.scss " ; @import " mixins/**/*.scss " ; @import " generic/**/*.scss " ; @...
Drupal-8-Starter-Gulp-SASS：基本Drupal 8主题-Gulp，Drush，Bootstrap，Sass +浏览器同步
02-03
Drupal-8-Starter-Gulp-SASS 使用Drush CLI，Boostrap 3 SASS，Gulp + BrowserSync实现自动化的Drupal 8入门主题。先决条件 必须在本地或全局安装才能使用Gulp自动执行缓存刷新。 建议使用Composer构建Drupal 8站点...
jekyll-sass-gulp-browser-sync：使用Jekyll，Sass，Gulp，Pug和Browser-sync开发的软件
02-03
JEKYLL-SASS-GULP-BROWSER-SYNC描述使用Jekyll，Sass，Gulp和BROWSER-SYNC开发的此软件。安装使用Gulp和Browser-sync。技术使用SASS，GULP，BROWSER-SYNC等用法$ git clone ...
gulp-ruby-sass：使用Ruby Sass将Sass编译为CSS
02-04
gulp-ruby-sass 使用编译Sass并将结果通过管道传送到gulp流中。 要使用编译Sass，请使用 安装$ npm install --save-dev gulp-ruby-sass需要 。用法sass（来源，[选项]） 使用gulp.src -ruby-sass而不是gulp.src来...
gulp与node版本兼容问题
热门推荐
qq_45393426的博客
04-18 1万+
gulp与node版本兼容问题 win10系统下使用django时，用到了node,gulp等插件，但是在执行gulp命令时一直报错，网上找了n种方法，靠自己一步步填坑，终于解决了这个bug。记录一下完整的过程。 一、node与gulp版本兼容问题略谈。 我们使用nvm管理node版本，使用npm下载node中的各种插件，包括gulp，node版本需要与gulp版本相适应，比如node12以上的版...
快速解决node-sass报错问题
weixin_46560512的博客
11-25 969
快速解决node-sass报错问题
node-sass 报错的解决方法
weixin_30719711的博客
06-02 137
今天在运行项目发现原来好好的项目报错了。报错大致信息如下： 这段代码是我升级node之后里面根据不同的项目位置什么的会有所不同。 简单的说，这段代码意思是node-sass不兼容node v8的版本。所以在当前项目下面执行： npm i node-sass -D 然后项目就恢复正常了。 转载于:https://www.cnblogs.com/webdragon/p/1096451...
【2019.6.26更新版本】使用gulp将sass文件编译成css样式 + 浏览器异步执行
fly_666的博客
10-29 946
一、安装gulp https://www.gulpjs.com.cn/docs/getting-started/ 1.全局安装：npm install --global gulp 2.作为项目的开发依赖安装：npm install --save-dev gulp 3.在项目根目录下创建一个名为 gulpfile.js 的文件 const gulp = require('gulp'); const ...
gulp-sass简单使用
SHEN_JAIMEI的博客
10-29 4064
准备：本地安装有node环境 // 第一步：生成package.json npm init // 第二步：安装gulp依赖包到本目录 npm install gulp --save-dev // 第三步：安装ruby-sass依赖包 npm install gulp-ruby-sass --save-dev // 第四步：安装sass依赖包 npm install gulp-sass ...
node升级完之后很多后续问题：node-sass、gulp
qq_34007408的博客
06-01 329
npm淘宝镜像安装 npm install -g cnpm --registry=https://registry.npm.taobao.org 淘宝镜像地址：http://npm.taobao.org/ 先卸载，再安装 cnpm uninstall --save node-sass cnpm i --save node-sass
gulp为项目文件添加版本号
YinghaoGuo的博客
08-02 3700
先说一下本文讲的是什么。 你一定看过这种带参的css或js文件，每次发布版本，专业一点的话，都会对新版文件打个tag，而我们为了和上一版本的文件做区分，就可以通过这种‘？+参数’ 的方式做版本标记。 初学这东西也是百度了几个文档，照着文档来搞，MD百度上文档都一个熊样儿，大家互相抄袭，所以我没有成功，可能是我用的cnpm而是不npm，也可能是版本原因吧，最后通过简单查看了一下npm的包中的
gulp-sass插件怎么使用？
02-12
使用该插件需要先安装 Node.js 和 npm，然后使用 npm 安装 gulp 和 gulp-sass 插件。 下面是使用 gulp-sass 插件的一个简单示例： 1. 在项目目录中执行以下命令以安装 gulp 和 gulp-sass 插件： ``` npm install ...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值