【vue使用Sass报错】启动项目报错 Syntax Error: SassError: expected selector

server/2024/9/24 11:57:40/

出现的问题

新项目启动的时候,提示:
Syntax Error: SassError: expected selector
看了一下发现是sass使用样式穿透/deep/报的错
/deep/其实是已经过期的写法,某个版本之后就不支持了
但是我同事并没有出现同样的问题,不知道是为啥,也有可能是电脑(mac)的原因

解决办法

  1. /deep/更换为::v-deep
    但是这个项目是多人协作的,有大量页面使用,修改的话会涉及很多页面,并且同事并没有出现同样的问题,所以为了将影响降到最低,就不采用这个方法了

  2. 降低sass-loade的版本,目前项目的版本是:

    "node-sass": "^4.14.1",
    "sass-loader": "^8.0.2",
    

    sass-loader降级为7.0.0即可

    npm uninstall sass-loader
    npm cache clean --force //清除npm缓存,不然不会生效
    npm install sass-loader@7.0.0 -D
    

http://www.ppmy.cn/server/115298.html

相关文章

边缘检测运用

文章目录 一、简介1.边缘检测的概念2.边缘检测的目的 二、代码实现三、边缘检测的方法1.1Canny边缘检测器1.2.Canny代码实现2.1Sobel边缘检测器2.2Sobel代码实现3.1Laplacian边缘检测器3.2Laplacian代码实现4.1Scharr边缘检测器4.2Scharr代码实现 四、边缘检测的应用 一、简介 …

初识RabbitMQ

RabbitMQ是一个开源的消息代理软件,主要用于实现消息队列的功能。它允许应用程序之间通过消息进行异步通信,从而提高系统的可扩展性和可靠性。RabbitMQ支持多种消息协议,最常用的是AMQP(高级消息队列协议)。 RabbitMQ…

耦合性例题

答案:D 知识点: 耦合类型 描述 非直接耦合 两个模块之间没有直接关系,它们之间的联系完全是通过主模块的控制和调用实现的 数据耦合 一组模块借助参数表传递简单数据 标记耦合 一组模块通过参数表传递记录信息(数据结构&a…

《Web性能权威指南》-HTTP-读书笔记

HTTP简史 HTTP(HyperText Transfer Protocol,超文本传输协议)。 HTTP 0.9:只有一行的协议 Tim Berners-Lee罗列HTTP协议的几条宏观设计目标:支持文件传输、能够请求对超文本文档的索引搜索、格式化协商机制&#xf…

adb的安装和使用 以及安装Frida 16.0.10+雷电模拟器

.NET兼职社区 .NET兼职社区 .NET兼职社区 1.下载adb Windows版本:https://dl.google.com/android/repository/platform-tools-latest-windows.zip 2.配置adb环境变量 按键windowsr打开运行,输入sysdm.cpl,回车。 高级》环境变量》系统变量》…

ArcGIS Pro SDK (十三)地图创作 4 设备

ArcGIS Pro SDK (十三)地图创作 4 设备 文章目录 ArcGIS Pro SDK (十三)地图创作 4 设备1 设备位置 API、GPS/GNSS 设备1.1 连接到设备位置源1.2 获取当前设备位置源1.3 关闭当前设备位置源1.4 获取当前设备位置源和属性1.5 更新当前设备位置源上的属性1.6 订阅设备位置属性…

【python】python指南(三):使用正则表达式re提取文本中的http链接

【python】python指南(三):使用正则表达式re提取文本中的http链接 一、引言 对于算法工程师来说,语言从来都不是关键,关键是快速学习以及解决问题的能力。大学的时候参加ACM/ICPC一直使用的是C语言,实习的时…

C++与QML的数据交互

C与QML的数据交互 1、使用结构体2、使用json2、使用QVariantList、QVarianMap3、使用QObject类和Q_PROPERTY双向绑定 1、使用结构体 在C中声明并注册一个结构体 struct Data {Q_GADGETQ_PROPERTY(int32_t can_id MEMBER can_id)Q_PROPERTY(int32_t heatlid_kp MEMBER heatlid…