vue 使用scss 依赖报错

最新推荐文章于 2024-05-01 01:27:29 发布

丿Mr_Liu

最新推荐文章于 2024-05-01 01:27:29 发布

阅读量488

点赞数

CC 4.0 BY-SA版权

文章标签： vue css node.js

本文链接：https://blog.youkuaiyun.com/qq_37237495/article/details/113841983

在Vue项目中遇到SCSS样式依赖错误，错误信息表明需在`package.json`的`devDependencies`中添加相关依赖。解决方案是手动在该目录下添加缺失的SCSS依赖项，然后运行`npm install`安装新添加的依赖，以确保项目能够正常编译SCSS文件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在vue 项目中使用 scss 样式时，

<style lang="scss" scoped>
	 ........
</style>

报依赖错误，错误信息如下：
在这里插入图片描述
请在
package.json
devDependencies
目录下添加依赖：

"node-sass": "^4.9.0",
"sass-loader": "^7.1.0",

完成后执行：npm install 命令

其他依赖

"sass-loader": "^7.3.1",
"node-sass": "^4.9.0",

"less": "^3.11.3",
"less-loader": "^5.0.0",

"css-loader": "3.4.2",
"style-loader": "0.23.1",

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

丿Mr_Liu

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

vue2.x 使用vue-cli搭建项目，引用全局scss 及报错Module build failed: TypeError: this.getResolve is not a function

凌霄的博客

11-19

764

安装sass-resources-loader插件，然后新建一个var.scss cnpm install sass-resources-loader --save 例如var.scss： @charset "UTF-8"; $themeColor: #409eff; @mixin ellipsis() { overflow: hidden; text-overflow: ellips...

vue项目使用deep语法报错并且无法启动项目最佳最完美解决方案

m0_67401055的博客

03-09

1万+

vue项目使用/deep/语法报错最近使用vue创建后台管理系统，在改变饿了么组件样式时，使用/deep/样式穿透压根不生效，而且终端还会报错，之前可是可以随便用/deep/的，一下子就给整懵逼了~，先来看看报错信息长啥样：然后当你去各种百度会发现遇到同样问题的人还挺多，而且绝大多数出现的时间都是在2020年期间开始很多人出现这类问题：然后最多的答案无非就是使用::v-/deep/ 来替换/deep/，确实有效，但是会不能使用scss嵌套写法的问题，不然样式嵌套的子元素样式不会生效如图：所以只能

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

vue项目中使用scss的方法步骤

10-16

主要介绍了vue项目中使用scss的方法步骤，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

Sass简单使用

weixin_33957648的博客

12-16

569

Sass是成熟、稳定、强大的CSS预处理器，而SCSS是Sass3版本当中引入的新语法特性，完全兼容CSS3的同时继承了Sass强大的动态功能。特性概览 CSS书写代码规模较大的Web应用时，容易造成选择器、层叠的复杂度过高，因此推荐通过SASS预处理器进行CSS的开发，SASS提供的变量、嵌套、混合、继承等特性，让CSS的书写更加有趣与程式化。变量变量用来存储需要在CSS中...

在vue中使用scss

u013105398的专栏

04-20

711

当我们在.vue文件的样式中加入再执行npm run dev时会出现如下错误：原因是因为缺少依赖。但是当操作npm install node-sass sass-loader vue-css-loader 依旧出错，网上查找资料说是翻墙原因，因此改用淘宝镜像安装：最后便可成功运行。

在Vue中使用scss

ruarua的博客

11-12

1213

在vue中使用scss

vue中使用scss

田兴的博客

01-07

668

1、安装 npm install node-sass --save-dev npm install sass-loader --save-dev 2、配置在build中的 webpack.base.conf.js 文件中，找到rules，添加 // 在 rules中添加 { test: /\.scss$/, loaders: ['style', 'css', 'sass'] } 3...

vue 使用scss 报错this. get0ptions is not a functionat Object

热门推荐

weixin_45665171的博客

03-29

2万+

vue项目中安装、引入、使用scss

在VUE项目中使用SCSS，从安装步骤到语法说明，带你快速入门！！

jingjing的博客

09-08

2177

最近在做VUE项目时用到了SCSS ，在这里总结一下SCSS在项目中是如何使用的。首先要了解什么是SCSS？ SCSS是一种CSS预处理语言，定义了一种新的专门的编程语言，编译后形成正常的css文件，为css增加一些编程特性，无需考虑浏览器的兼容性（完全兼容css3），让css更加简洁、适应性更强，可读性更佳，更易于代码的维护等诸多好处。CSS预处理语言有SCSS (SASS) 和LESS、POSTCSS。 SCSS和SASS 有什么区别？ sass是以严格缩进语法规则来编写代码的，不包括大括号和分号，

vue——项目中使用scss

一只程序喵

07-06

485

1. 使用vue-cli创建新项目：vue init webpack my-project 2. 安装sass 依赖包，在cmd界面输入： // 命令行 npm install sass-loader --save-dev npm install node-sass --sava-dev 3. 在build文件夹（使用vue-cli才有有效webpack.base.conf.js文件夹）下的webpack.base.conf.js的rules里面添加配置 module: { rules: [

vue中scss用法

qq_41797053的博客

09-06

6487

我们这里用两个部分来说明吧。1.如何学习Scss2.如何使用Scss1.如何学习Scss学习Scss的第一步不是你要知道什么是Scss的概念啊什么的，而是找到一个合适的资源从头开始学习，我在这里推荐慕课网的资源Sass入门篇，还有Sass进阶篇，sass中文官网大家学习完以后，基本上就什么会了。这里我整理一下它的一些重要的概念。基本上如果你知道这些，基本的使用就可...

vue中如何使用scss

qq_42957741的博客

07-22

403

第一步，创建vue项目，vue init webpack myvue 第二步，安装scss，项目运行cmd中输入 npm install sass-loader --save-dev npm install node-sass --sava-dev 第三步，在build文件夹下的webpack.base.conf.js的rules里面添加配置 { test: /\.scss$/, loader...

如何在VUE项目中使用SCSS

weixin_30565199的博客

01-07

1087

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

vue项目中引入 scss

蓝胖子的博客

02-15

2675

①安装sass 依赖包，在cmd界面输入： npm install sass-loader --save-dev npm install node-sass --sava-dev 1.1下载指定版本 npm i -D sass-loader@7.1.0 npm install node-sass --sava-dev ② 在build文件夹下的webpack.base.conf.js的rules里面添加配置 { test: / \.scss$ /, loade