踩坑!被node-sass折磨的一天

news2024/10/5 21:19:59

文章目录

    • 被node-sass折磨的一天
          • 折磨过程
          • 了解原因
          • 注意事项

被node-sass折磨的一天

折磨过程

起因是要开发一个老项目,照常拉代码、下依赖、启动三步走

依赖开始下载不对了,以为是node版本问题,寻找node-sass对应的node版本

利用nvm,这几个版本都试了

![

无果,根据报错解决问题,

Cannot downloadhttps://npm.taobao.org/mirrors/node-sass/v4.14.1/win32-x64-64_binding.node"

首先报错不能下载,以为是淘宝数据源过期了,于是更换成腾讯的

依然错误

gyp ERR! stack Error: Can't find Python executable "python", you can set the PYTHON env variable.

找不到python环境,整蒙了我,难道要我再下个python?

百度原因是:这个错误是由node-gyp引起的,node-gyp是一个用于编译Node.js原生模块的工具,它依赖于Python环境。错误信息表明node-gyp无法找到Python可执行文件。

解决方法是可以安装python,或者安装node-gyp

安装python是不可能安装的,我就试了第二张,依然无果,

想着应该就是版本过老吧,那我就升级!

试着升级单个依赖,不行依然报错,

尝试利用npm-check-updates,结果吓我一跳!全给我干到最新版本了

在这里插入图片描述

vue版本都从2干到3了,撤回!撤回!

这肯定有什么解决方法,对最新的项目为什么没有这个问题呢,我去看了看,

package.json里面怎么没有node-sass?没有sass-loader?只有sass!

image-20240612170555282

先上解决方法

卸载 node-sass:npm uninstall node-sass 

安装 sass:npm install sass --save-dev

解决不了它,就替换它,成功运行

了解原因

sass 是由 ts调用 dart-sass实现的工具类,来编译 sass

Dart Sass 是 Sass 官网力推的工具,它包括了基于 Dart VM 的命令行工具,以及基于 Node 的纯 Javascript 实现,不管是安装还是兼容高版本 Node这块,遥遥领先!

而node-sass 是用 node (调用 c++ 编写的 libsass) 来编译 sass,比较依赖node版本,下载安装较为麻烦,果断舍弃

注意事项

在深度选择器这一块,注意更换

  1. sass 只支持 ::v-deep
  2. node-sass 支持 /deep/和::v-deep

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1817719.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

IP地址乱成一团?用Shell一键搞定!

在日常的运维工作中,我们经常需要对各种数据进行处理和分析,其中包括对IP地址的管理和排序。排序后的IP地址列表可以帮助我们更好地进行日志分析、网络流量监控和故障排除。 本文将模拟一个运维场景,展示如何对IP地址进行排序,并探…

云原生应用开发培训,开启云计算时代的新征程

在云计算时代,云原生应用开发技术已经成为IT领域的热门话题。如果您想要转型至云原生领域,我们的云原生应用开发培训将帮助您开启新征程。 我们的课程内容涵盖了云原生技术的基础概念、容器技术、微服务架构、持续集成与持续发布(CI/CD&#…

传统零售运营模式有什么缺点?新零售模式下的运营思维好在哪里?

随着科技的进步、消费者需求的多样化以及市场竞争的加剧,传统零售模式已逐渐难以满足现代消费者对购物体验的期待。新零售,作为一个创新的概念,应运而生,它不仅代表着零售行业的未来趋势,更是一种全新的商业思维和运营…

pytest中一个场景测试的demo

注意点1: allure.severity 是一个装饰器,用于设置测试用例的严重性级别。 allure.severity_level.CRITICAL 是Allure提供的严重性级别之一,表示这个测试用例极为重要。allure.severity_level.BLOCKER:阻塞级别的问题&#xff0c…

python发送http请求

python有个内置模块发送请求urllib的request的 openurl()方法,打开一个链接,就是发送一个请求,, 因为内置模块发请求不是那么好用,一般都会使用第三方的请求包,requests模块, 请求头 User-Ag…

Unity基础(一)unity的下载与安装

目录 一:下载与安装 1.官网下载地址 2.推荐直接下载UnityHub 3.选择编辑器版本(推荐长期支持版) 4.在UnityHub安装选择相应的模块 二:创建项目 简介: Unity 是一款广泛应用的跨平台游戏开发引擎。 它具有以下显著特点: 强大的跨平台能力:能将开发的游…

CPI降温仍猛砍降息预期!美联储继续按兵不动,预计今年仅降息一次

要点: 美联储继续保持利率不变,符合市场预期。 决议声明不再说降通胀缺乏进一步进展,改称取得适度的进... 要点: 美联储继续保持利率不变,符合市场预期。 决议声明不再说降通胀缺乏进一步进展,改称取得适度…

Spring Boot集成antlr实现词法和语法分析

1.什么是antlr? Antlr4 是一款强大的语法生成器工具,可用于读取、处理、执行和翻译结构化的文本或二进制文件。基本上是当前 Java 语言中使用最为广泛的语法生成器工具。Twitter搜索使用ANTLR进行语法分析,每天处理超过20亿次查询&#xff1…

【Redis】Redis常见问题——缓存更新/内存淘汰机制/缓存一致性

目录 回顾数据库的问题如何提高 mysql 能承担的并发量?缓存解决方案应对的场景 缓存更新问题定期生成如何定期统计定期生成的优缺点 实时生成maxmemory 设置成多少合适呢?项目类型上来说 新的问题 内存淘汰策略Redis淘汰策略为什么redis要内存淘汰内存淘…

乡村振兴的科技创新引领:加强农业科技研发,推广先进适用技术,提高农业生产效率,助力美丽乡村建设

目录 一、引言 二、农业科技研发的重要性 (一)提升农业生产效率 (二)促进农业产业升级 (三)保障粮食安全 三、加强农业科技研发的策略 (一)加大投入力度 (二&…

9.8k star!一款小而美的开源物联网操作系统:RT-Thread

介绍 RT-Thread是一款主要由中国开源社区主导开发的开源实时操作系统(RTOS)。它不仅是一个实时操作系统内核,也是一个完整的应用系统,包含了实时、嵌入式系统相关的各个组件,如TCP/IP协议栈、文件系统、libc接口、图形…

Sass实战运用,如何利用好Sass

Sass(Syntactically Awesome Stylesheets)是一种CSS预处理器,它提供了许多强大的功能,如变量、嵌套规则、混合(Mixins)、函数等,使得CSS的编写更加高效、灵活和易于维护。以下是关于Sass实战运用…

配置ISCSI共享服务端

在 system1-上执行: 1、配置hosts文件和domain域名 [rootsystem1 ~]# echo echo "172.24.8.11 system1" >>/etc/hosts [rootsystem1 ~]# echo echo "172.24.8.12 system2" >>/etc/hosts [rootsystem1 ~]# nmcli connection mod…

Linux时间子系统2: clock_gettime的VDSO机制分析

在之前分析clock_gettime的文章中接触到了VDSO,本篇文章是对VDSO的学习总结,借鉴了很多前人的经验。 1. 什么是VDSO vDSO:virtual DSO(Dynamic Shared Object),虚拟动态共享库,内核向用户态提供了一个虚拟的动态共享库。在 Linux …

52.Python-web框架-Django - 多语言编译-fuzzy错误

目录 1.起因 2.原因 3.解决方法 3.1手动移除fuzzy标记 3.2重新生成po文件,并检查是否还存在fuzzy标记 3.3重新编译生成mo文件 1.起因 在Django的国际化和本地化过程中,当你发现某些字段仅显示msgid,而不显示msgstr时,可能是…

如何购买代码签名证书?

在Gworg网站上快速轻松地购买代码签名证书: 1.根据需要选择合适的代码签名证书: OV代码签名、EV代码签名 2.选择结算周期 代码签名证书可购买,有效期最长为3年。 注意:建议一次性3年,因为代码签名证书不能之前续费…

2024.6.12 作业 xyt

今日课堂练习&#xff1a;vector构造函数 #include <iostream> #include <vector> using namespace std;void printVector(vector<int> &v) {vector<int>::iterator iter;for(iterv.begin(); iter ! v.end(); iter){cout << *iter <<…

765432221

欢迎关注博主 Mindtechnist 或加入【Linux C/C/Python社区】一起学习和分享Linux、C、C、Python、Matlab&#xff0c;机器人运动控制、多机器人协作&#xff0c;智能优化算法&#xff0c;滤波估计、多传感器信息融合&#xff0c;机器学习&#xff0c;人工智能等相关领域的知识和…

深入探究MySQL游标(Cursor)

前言 MySQL游标&#xff08;Cursor&#xff09;是MySQL中用于处理查询结果的一种机制。游标允许我们在查询结果集中逐行处理数据&#xff0c;而不是一次性获取所有数据。这对于处理大量数据非常有用&#xff0c;因为它可以减少内存消耗并提高性能。在MySQL中&#xff0c;游标主…

Day49 代码随想录打卡|二叉树篇---二叉搜索树中的搜索

题目&#xff08;leecode T700&#xff09;&#xff1a; 给定二叉搜索树&#xff08;BST&#xff09;的根节点 root 和一个整数值 val。 你需要在 BST 中找到节点值等于 val 的节点。 返回以该节点为根的子树。 如果节点不存在&#xff0c;则返回 null 。 方法&#xff1a; …