vue安装sass的一些坑

最新推荐文章于 2022-05-04 23:24:38 发布
最新推荐文章于 2022-05-04 23:24:38 发布
阅读量184 收藏 2
点赞数
分类专栏： npm 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40573810/article/details/120018802
版权

vue使用sass需安装两个包

npm install sass-loader node-sass  -D

但是这个安装会默认最新的版本… 运行时出现奇奇怪怪的报错

TypeError: this.getOptions is not a function //类似这种

查了一些资料发现是版本过高原因，因此指定版本号安装

npm i sass-loader@8.0.2 -D
npm i node-sass@
最低0.47元/天 解锁文章
金憨憨_
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue项目中sass-loader版本踩坑
weixin_44565532的博客
01-25 1222
Vue项目中sass-loader版本踩坑 版本不对应，搞了好久，解决了。 先把电脑的node sass卸载 npm uninstall node-sass npm uninstall sass-loader 查看本机的node的版本 ，如下。 node-v 然后在官网查看对应的版本，官网网址https://www.npmjs.com/package/node-sass 比如我目前的版本是16.13.2，查看对应的版本，我的是6.0+，所以我安装npm install node-sass@
vue安装依赖后sass大量警告报错
a329715712的博客
01-30 1832
vue sass 版本出现大量警告报错
vue项目中安装sass方法
Y_soybean_milk的博客
05-04 1万+
1、安装sass-loader npm install sass-loader --save-dev 2、安装dart-sass npm install sass --save-dev 你也可以合并步骤1、2为 npm i sass sass-loader -D 注意：你也可以选择安装node-sass，来替换dart-sass,但非常不建议！ 1、dart-sass 和 node-sass都是用来将sass编译成css的工具。但node-sass 与 Node.js 版本相关联，这就导致，一旦本地
vue项目关于node-sass的报错问题解决
linan996的博客
11-08 7405
文章目录一、Node Sass does not yet support your current environment二、npm安装报错三、运行项目报警告四、个人使用的版本（亲测没有问题） 一、Node Sass does not yet support your current environment 报错信息如下： Error: Node Sass does not yet support your current environment: Linux 64-bit with Unsupporte
sass环境配置中gem源的变更
yipanhuasheng的博客
09-12 793
最近学习sass，发现特么找不到gem资源。 之后，找了找发现是sass的中文镜像，从淘宝交给了ruby-china，然后他的org域名挂了。 所以现在的gem源是 https://gems.ruby-china.com/ 在命令行里输入 gem sources -a http://gems.ruby-china.com/ 即可设置成功，然后再输入 gem install sa...
Vue引入sass并配置全局变量的方法
08-27
主要介绍了Vue引入sass并配置全局变量的方法
vue安装和使用scss及sass与scss的区别详解
12-10
1. 安装依赖：npm install node-sass sass-loader -D 2. webpack.base.conf.js文件 module: { { //手动添加这一条，相当于是编译识别sass! test: /\.scss$/, loaders: ["style", "css", "sass"]} } 3. 在.vue文件...
vue如何引入sass全局变量
08-27
sass或者less都提供变量设置，在需求切换主题的项目中使用less或者sass变量，这篇文章主要介绍了vue引入sass全局变量，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
vue使用Sass时报错问题的解决方法
10-14
在Vue项目中，Sass是一种常用的预处理器，它允许开发者使用更高级的语法来编写CSS。然而，在实际开发过程中，可能会遇到Vue使用Sass时的报错问题。本篇文章将详细解析这类问题的原因并提供相应的解决策略。 首先，...
vue2.0项目中使用sass(含sass基础用法示例)
热门推荐
李大人的博客
02-21 5万+
Sass是一种CSS扩展语言，目前广泛地应用到web项目开发中，使用sass可以用更少的代码去实现CSS同样的样式效果，在书写上也更为简洁，其原理是通过一定的规则转化为对应的CSS样式，可以说是样式中的“高级语言”。Sass在日常的开发中，是需要通过转换工具转成CSS再引入到HTML文件中，然而，在vue的webpack项目模板中，引入解释sass文件的loader，即可使用sass。本文将展示v...
在vue2.x中安装sass并配置
qq_35859392的博客
01-24 6531
在vue2.x中安装sass并配置 　　在vue中安装sass先检查系统中有没有安装sass,在命令行中输入 sass -v 　　 　　表示sass在电脑中已有，否者可以参考我这篇博客安装Sass遇到的坑 一、先安装sass 　　cmd打开命令行，到项目的位置 npm install node-sass --save-dev //安装node-...
Vue前端篇（六）关于scss的坑
帅帅的困哒哒
11-20 705
上一篇修改了Login页面，由于页面使用scss语法，会出现报错的情况，但是已经安装了scss，使用时会出现如下警告，大致意思的sass版本过高与webpack的版本不是很兼容，这就导致了scss语法不生效的问题 解决办法是：打开package.json文件，找到sass-loader，版本改成^7.3.1，然后关掉IDEA，把项目下的依赖node_modules删掉，然后重新打开，在命令行...
在 vue2 项目中使用的 sass 依赖版本踩坑
weixin_45252024的博客
12-21 1050
刚刚创建好的vue项目，你满心欢喜决定运行起来，然后由于你的组件中使用了scss模式,一运 行就出现报错!!! 原因是没安装 sass，接下来那安装一下吧 npm install sass-loader -D 再运行还报错 原因：sass需要node-sass依赖，那再安装一下吧 npm install node-loader -D 再运行，还是报错 原因：node与node-sass版本有对应关系，可能存在其中一个版本过高的问题找一下对应关系吧！ node和node-sass版本关系
解决vue中sass报错相关问题
weixin_44594219的博客
04-21 1974
解决因sass相关依赖版本不兼容而引起的报错
vue node_modules\node-sass: Command failed. 安装失败，如何解决，使用 sass 替换
03-28 8501
vue node-sass 安装失败，如何解决，使用 sass 替换 问题 package.json "node-sass": "^xx.xx.xx", "sass-loader": "^xx.xx.xx", vue 项目中，安装依赖的时候出现错误，如下： error D:\proj\cscec-8bur-vms\dashboard-vuejs\node_modules\node-sass: Command failed. Exit code: 1 Command: node scripts/build.
vue离线安装sass的坑
shhao918的博客
06-19 667
公司不能访问外网，有个npm的私库。 npm install node-sass 会报错，一堆的坑。 首先要安装python 3.X版本不行，还是会报错，下载2.x版本。 安装完配置环境变量加入path。 然后还是会报错， https://github.com/sass/node-sass/releases 在这个地址下载对应版本的node ，怎么找版本呢，报错信息里面会提示的，自己找一找。 下载完保存，还是配置环境变量SASS_BINARY_PATH 重启电脑，npm install ..
解决sass 安装报错，踩坑记（所有sass 安装报错总结篇）
轻风细雨_林木木
04-26 1万+
前言：昨天自己安装了一个新的vue项目，拉取项目以后按装sass依赖就死活安装不上，然后就在网上一顿查，最终解决了。 心酸历程：
卸载sass和compass
之度的博客
01-17 5907
如何更新或卸载SASS/Compass？ 查找服务器源的更新，你可以在CMD下输入： gem query –remote Ruby包貌似允许多个不同版本共存，因此如果你需要更新某个包，直接安装可能不会覆盖旧的版本（SASS与Compass是否会这样未知）。 否则，你需要卸载它： gem uninstall sass 如果此时你已经安装了多个版本，
vue安装sass的填坑笔记
小九的小酒的博客
01-18 146
最近的一个项目用vue2.x构建，需要sass 我反反复复的安装5遍后还是跑不起来项目，我打算一个报错一个报错的去排查，看到这个错误，很明显是版本不配套，我卸载了sass，重新制定版本安装 我这里是降低sass-loader版本来解决，你也可以升级webpack版本来尝试解决（我没测试） 在这里你可能会遇到这个报错 Module build failed: Error: Node Sass version 5.0.0 is incompatible with ^4.0.0 这个也是版本问题 我们推荐n.
vue2sass安装
最新发布
09-12
要在Vue项目中使用Sass，你需要安装 `sass-loader` 和 `node-sass`。 首先，在命令行中进入你的Vue项目根目录，并执行以下命令来安装`sass-loader`和`node-sass`： ``` npm install sass-loader node-sass --save-dev ``` 安装完成后，你可以在Vue组件中的样式部分使用Sass语法了。例如，在你的组件的 `<style>` 标签中，可以这样写： ```vue <style lang="scss"> // 这里是你的Sass样式 </style> ``` 现在你就可以开始使用Sass了！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值