style加了lang=‘scss‘后报错

最新推荐文章于 2026-03-03 00:10:38 发布

原创最新推荐文章于 2026-03-03 00:10:38 发布 · 1.1k 阅读

8 ·

本内容遵循CC 4.0 BY-SA版权协议

GEO检测

收录于

当前文章被以下社区和专栏收录：

文章讲述了开发者在引入lang=scss时遇到TypeError，原因是sass-loader版本过高。通过将package.json中sass-loader版本降级至7.3.1并重新安装依赖，解决了这个问题，确保npmrundev命令正常运行。

<style scoped='scoped' lang='scss'>

</style>

style加了lang='scss'后报错

报这个错误：TypeError: this.getResolve is not a function

是因为sass-loader的版本号太高了

把 package.json里的sass-loader版本改成7.3.1后

再 npm install 重新安装依赖

npm run dev 就能成功运行不报错了

标签

#scss #前端

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

38kcok9w2vHanx_

关注关注

11
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

从零开始：YOLOv8车牌检测模型训练全流程实战

weixin_29061041的博客

02-26

302

本文详细介绍了从零开始训练YOLOv8车牌检测模型的全流程实战指南。内容涵盖环境搭建、数据集收集与标注、模型配置与训练、评估测试及高级优化技巧。通过使用预训练模型和迁移学习，开发者可以高效构建精准的车牌检测系统，并掌握模型导出与部署的关键步骤。

参与评论您还未登录，请先登录后发表或查看评论

电表协议避坑指南：DLT645-2007与Modbus RTU的5大核心差异对比

热门推荐

明天也要努力的博客

11-29

3万+

1. Scss 简介 Sass (Syntactically Awesome Stylesheets) 是一种动态样式语言，Sass 语法属于缩排语法，比 css 比多出好些功能 (如：变量、嵌套、运算,混入(Mixin)、继承、颜色处理，函数等)，更容易阅读。 Sass 的缩排语法，对于写惯 css 前端的 web 开发者来说很不直观，也不能将 css 代码加入到 Sass 里面。因此对 Sass 语法进行了改良，Sass3 就变成了 Scss(Sassy CSS)。SCSS(Sassy CSS) 是

scss样式使用lang=“scss“ 报错以及解决vscode scss样式飘红

凉酱的博客

11-30

1万+

遇到scss错误是因为用到<style lang="scss">的话不能解析sass-loader 安装node-sass、sass-loader npm install sass-loader@7.3.1 --save-dev npm install node-sass@4.11.0 --save npm install style-loader --save 有些的版本过高也会报错，试验过后上面的我的可以正常使用。在build/webpack.base.config.js添加配置

vue：style标签中的scoped属性（作用域）和lang属性的介绍

诚的博客

07-30

5858

1、什么是CSS预处理器 CSS 预处理器用一种专门的编程语言，进行 Web 页面样式设计，然后再编译成正常的 CSS 文件，以供项目使用。CSS 预处理器为 CSS 增加一些编程的特性，无需考虑浏览器的兼容性问题。CSS预处理语言有SCSS (SASS) 和LESS等等，总之都是用来实现样式的。2、lang 因此lang的属性可选：scss（sass）、less等等即：<style lang="scss">3、scss和sass的区别 scss是sass的一个升级版本，两者都是用来实现样式

vue3在style标签中加入lang=“scss”报错解决办法

hellenYuan的博客

02-26

2381

vue3在style标签中加入lang=“scss”报错解决办法：修改版本号，删除依赖包，重新运行npm i "dependencies": { "node-sass": "^4.13.1", "sass-loader": "^7.3.1", },

style 使用lang = ‘scss’ 报错

weixin_33887443的博客

12-27

2317

<style lang="scss" rel="stylesheet/scss" scoped> .export-wrapper{ } </style> 这样写就可以了转载于:https://www.cnblogs.com/longsiyuan/p/10185392.html

vue-cli的项目中 style lang="scss" 会报错

qq_36196059的博客

11-30

5444

如果在没有安装scss 依赖的时候，style写lang=“scss”,就会报下面的错误由于已经解决问题了，报错截图就没有截，用一行报错英文表达吧 This dependency was not found : ...............................................................然后就是一大串的报错了那么，解决的办法就是安装依赖sc...

vue 中使用 scss,解决style 使用lang = ‘scss’ 报错

King Saj

03-20

3583

<style lang="scss" rel="stylesheet/scss" scoped> @import "../assets/style/theme"; @import "../assets/style/mixin"; </style>

vue中组件中style标签lang=“scss“报错解决

guyu_1994的博客

01-15

1779

vue中组件中style标签lang=“scss“报错解决 1.package.json中修改sass-loader的版本号 “node-sass”: “^4.13.1”, 2.node scss 版本 “node-sass”: “^4.13.1”, 3.删除依赖包 4.重新装依赖 cnpm i

vue中使用 lang=“scss“ 报错

l13501058595的博客

10-22

1529

vue 使用 lang=“scss” 报错在写VUE在线编辑器的时候，为了样式能够美观一些，在style中加入lang=“scss”，显示如下报错：这是因为当前sass-loader的版本太高，webpack编译时出现了错误，所以我们安装低版本的依次在项目中输入以下命令： npm install sass-loader@7.3.1 --save-dev npm install node-sass --save npm install style-loader --save 这样在使用lang="s

vue 使用 lang="scss" 报错

且听风吟的博客

09-19

9154

新建的项目使用 lang="scss 报错，如下所示：解决方法：输入如下命令： npm install sass-loader@7.3.1 --save-dev npm install node-sass --save npm install style-loader --save 并且，在build/webpack.base.config.js中添加： { test: /...

在前端vue项目引入scss/sass，使用scss/sass，在scss/sass引用外部文件，在scss/sass中使用变量

qq_43305958的博客

08-19

8420

在前端vue项目引入scss，使用scss，在scss引用外部文件，在scss中使用变量一、Scss是什么？二、操作步骤1.引入库2.设置style的lang属性3.使用scss总结一、Scss是什么？ Sass是成熟、稳定、强大的CSS预处理器，而SCSS是Sass3版本当中引入的新语法特性，完全兼容CSS3的同时继承了Sass强大的动态功能。二、操作步骤 1.引入库代码如下（示例）： npm install node-sass sass-loader --save-dev 完成引入Scss

Scss 基本使用（ @extend、 @mixin、@import、@if、@for、@while、@each ）

明天也要努力的博客

02-10

9758

传送门：Scss 基本使用（变量、嵌套）传送门：Sass中文网传送门：Sass 教程 | 菜鸟教程 1. 继承（ @extend ） @extend 指令告诉 Sass 一个选择器的样式从另一选择器继承。如果一个样式与另外一个样式几乎相同，只有少量的区别，则使用 @extend 就显得很有用。 <style lang="scss"> .contanier1{ font-size: 24px; font-weight: bold; color: green; } .contani

一分钟带你入门SASS！！！

Yan_Ting_Yan的博客

06-19

3502

带你快速理解以及运用SASS！！！首先我们需要在控制台终端先下载sass，命令如下： $cnpm i sass-loader node-sass --save 1.sass不用单独配置，可以使代码轻松，下面我们来使用一下吧.带你区分"lang=sass"和"lang=scss"两种语法的区别，能够让你轻松掌握，那么举个例子吧： (1).先来说一下“lang=sass”，它是通过缩进方式写代码，没有大括号，比如python语言，go语言等语言都应用。 (2).其次是"lang=scss"，使用它就可以嵌套，

换肤本地创建不同的scss文件分别申明不同的变量_scss预处理器

weixin_39786155的博客

01-10

517

什么是CSS 预处理器？SCSS是一种CSS预处理语言定义了一种新的专门的编程语言，编译后形成正常的css文件，为css增加一些编程特性，无需考虑浏览器的兼容性(完全兼容css3)，让css更加简洁、适应性更强，可读性更佳，更易于代码的维护等诸多好处。CSS预处理语言有SCSS (SASS) 和LESS、POSTCSSSCSS和SASS有什么区别？1.文件扩展名不同，文件后缀分别是...

vue-lang=‘scss‘

a18861856219的博客

09-19

1154

标签内部的样式代码是使用SCSS（Sassy CSS）语言编写的。SCSS是Sass（Syntactically Awesome Stylesheets）的一个语法，它是Sass 3引入的一种新的语法，其语法完全兼容CSS3，并且在此基础上添加了变量、嵌套规则、混合（mixins）、继承等高级功能，使得CSS的开发更加灵活和强大。属性，并使用相应的预处理器（如sass-loader）来编译这个SCSS代码块，最终生成浏览器可以理解的CSS代码。时，你告诉Vue（以及构建工具，如Webpack）这个。

19.vue.js的style的lang=scss、less（2）

wdy00000的博客

06-14

1803

lang=“scss” 或 lang=“less” 是告诉 Vue 编译器：“我这段样式不是普通 CSS，而是 SCSS / LESS，需要先预处理。lang=“scss” 是用 Vue 来启用这些功能，适合中大型项目、组件库开发、多人协作。CSS 预处理器（SCSS、LESS）= 写 CSS 更像写程序，可维护、可复用、更高级。预处理器（如 SCSS、LESS）就是为了提升开发效率、模块化能力和可维护性而诞生的。普通 CSS 能写样式没错，但在真实项目中，CSS 的管理、复用、维护能力非常弱。

手机详细信息数据集（2025）.zip

数据说明手机规格、公司、型号、RAM、相机、电池、价格（PK、IN、CN、US、UAE）此数据集的一个重要方面是定价信息。记录的价格代表手机首次投放市场时的官方发布价格。价格因国家/地区和发布时间而异，这意味着旧型号反映其原始发布价格，而新型号包括其最新的发布价格。这使得该数据集对于研究随时间推移的价格趋势和比较不同地区的智能手机可负担性很有价值。特征：公司名称：手机的品牌或制造商。型号名称：智能手机的具体型号。重量：手机的重量（以克为单位）。RAM：设备中的随机存取存储器（RAM）量（GB）。前置摄像头：前置（自拍）摄像头的分辨率（以 MP 为单位）。后置摄像头：主后置摄像头的分辨率（以 MP 为单位）。处理器：设备中使用的芯片组或处理器。电池容量：智能手机的电池容量（以 mAh 为单位）。屏幕尺寸：智能手机的显示尺寸（以英寸为单位）。发布价格：（巴基斯坦、印度、中国、美国、迪拜）：手机发布时在相应国家/地区的官方发布价格。价格根据移动设备推出的年份而有所不同。推出年份：手机正式推出的年份。

VB生产管理系统程序源码

本系统具有以下优点：1、提高了企业的经营质量和效率。2、降低了生产成本，增强了市场竞争力。3、优化了生产管理，疏通了生产渠道。4、提高了生产效率。