Warning “you need the extended version to build SCSS/SASS“ not triggered when it should 的解决办法

最新推荐文章于 2023-05-31 16:58:33 发布
最新推荐文章于 2023-05-31 16:58:33 发布
阅读量2k 收藏
点赞数 2
分类专栏： 后端_Golang 开发工具大集合 文章标签： golang hugo
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41136216/article/details/112674327
版权
当使用Hugo主题启动服务遇到'you need the extended version to build SCSS/SASS'警告时，解决方案是下载Hugo扩展版。Windows用户可从指定链接下载，然后用扩展版程序运行服务以自动编译SCSS/SASS。只需输入'hugoserver'即可启动服务并查看结果。官方FAQ提供了更多详情。
摘要由CSDN通过智能技术生成

如果你点击进来看该篇文章，相信你遇到了使用Hugo主题的时候启动服务遇到了Warning "you need the extended version to build SCSS/SASS" not triggered when it should报错，这句英文的意思是你需要Hugo扩展版去编译SCSS/SASS文件

解决办法：

windows用户需要在https://github.com/gohugoio/hugo/releases/download/v0.53/hugo_extended_0.53_Windows-64bit.zip下载hugo extend，下载完成后，找到该程序的路径（注意！该程序为Hugo扩展版，不是Hugo原版，所以需要找到它的程序所在路径），然后再你需要编译SCSS/SASS文件，命令如下，用该扩展板运行下服务即可自动编译，如下图所示
在这里插入图片描述
编译完成后以后只需要输入hugo server执行服务即可运行服务，进入浏览器输入相应地址查看成果吧！

如果你还是无法明白上面我写的这些步骤，可以看下面这个图片提供的信息，是官网的解决方案
解决方案原链接https://gohugo.io/troubleshooting/faq/#i-get-tocss–this-feature-is-not-available-in-your-current-hugo-version
在这里插入图片描述

A-cod7
关注
专栏目录
使用github actions自动deploy hugo博客
conman网络安全
06-29 298
使用github actions自动deploy hugo博客。甚至都不用本地安装主题。 jekyll博客 之前使用jekyll，因为github对jekyll集成好。可以直接写markdown，主题可以使用remote theme，这样就只有纯的markdown，十分简洁。不需要跟html混在一起。 用了一段时间jekyll，使用的主题总感觉不满意。换了几个主题，还是感觉不符合。再者有些主题不兼容，还得修改老文章，改动比较大。所以想换个博客。 搜索发现，现在可以使用github actions来进行自动
Webpack干货系列 | 怎么运用 Webpack 5 处理css/scss/sass、less、stylus样式资源
youyacoder的博客
07-15 732
主要讲解webpack 5 如何高效处理CSS 资源、scss/sass 资源、less 资源、 stylus 资源
创建在线文档网站之二—学习使用Hugo（附错误解决you need the extended version to build SCSS/SASS）
qq_38250687的博客
07-05 2052
Hugo 是基于 Go 语言的静态网站生成器。 我们可以把Hugo放到服务器上提供Web服务；还有一种免费的方法—把Hugo网站代码托管到GitHub上，利用其GitHub Pages的功能，建立静态网站。 下面实际操作是在Windows环境中。 1. 下载Hugo安装包 下载路径：https://github.com/gohugoio/hugo/releases 1）安装包解压后直接运行hugo.exe。 说明：Hugo有二进制安装和源码安装两种方法，二进制显示是最快的。 ...
SassError: expected selector.(sass报错)
最新发布
李十三的博客
05-31 1661
全局搜索项目中的/deep/ 然后全部替换成::v-deep 即可。
sass安装报错解决方案
qq_57260058的博客
10-21 1449
前提，经过本人的亲身经历，安装sass后一直报错，终究其原因还是因为node-sass版本过低或过高，之前安装的node-sass版本是7.0.3，后面改成使用7.3.1版本后正常。安装sass的具体步骤如下： 1.npm install sass-loader@7.3.1 --save-dev 2.npm install style-loader --save 3.npm install sass-resources-loader 版本号如下： "sass":'1.43.2' "sass-res
Syntax Error: SassError: expected selector. 报sass无法识别的错误
weixin_57022895的博客
02-15 7043
在开发过程中总碰见图片中的这样报错，造成这样问题我做过一下这些猜想，一、可能是sass版本过于太低，不能识别/deep/穿透，二、可能是其他依赖造成的，依赖安装的过多，导致第二种情况无法证实，所以我改用另一种写法，::v-deep穿透， 但是，在一次机缘巧合的开发中，卸载了安装了 之后，使用/deep/格外的流畅，所以针对于之前的方法，卸载sass-loader，安装sass-loader@7.0.0版本的基础上，补充一点，卸载sass(npm uninstall sass)，安装node-sas.
在 vue-cli v3.0 中使用 SCSS/SASS的方法
08-27
在 Vue-cli V3.0 中使用 SCSS/SASS 的方法 在 Vue-cli V3.0 中使用 SCSS/SASS 是一个非常重要的知识点，下面我们将详细介绍如何在 Vue-cli V3.0 中使用 SCSS/SASS。 首先，在使用 Vue-cli 生成项目时，需要勾选 ...
Css到SCSS或SASS转换器「Css to SCSS or SASS Converter」-crx插件
03-09
将CSS转换为SASS或SCSS的简单而有用的扩展 这是一个简单但有用的扩展，将CSS直接从DevTools转换为Sass或SCSS。 当您在DevTools中编写小型css代码段时需要将它放在sass / scss文件中。 该选项卡位于“元素”的右侧，...
[Sass/Scss] 04. 使用Bootstrap的Sass/Scss版本进行编译
08-31
[Bootstrap_3][Sass_Scss][中文]_04._使用Bootstrap的Sass_Scss版本進行編譯
解决sass 安装报错，踩坑记（所有sass 安装报错总结篇）
liubangbo的专栏
07-28 2729
原因node-sass简直是噩梦，太难安装了，还各种nodejs版本问题，有的时候几天都装不好，为了更加简便所以替换为dart-sass，vue中也推荐使用dart-sass，只是要注意部分语法不同，如/deep/。原因在npm请求node-sass文件中，如果失败，会尝试本地编译安装node-sass，这里需要有Python环境。1.node-sass、sass-loader版本匹配问题，最佳的sass环境配置是什么？3.node-sass已经废弃，推荐使用dart-sass。...
SassError: expected selector报错 样式穿透报错
qq_38935512的博客
12-31 7499
样式穿透报错 .el-checkbox ::v-deep .el-checkbox__label { font-size: 33px; } ::v-deep 替换 /deep/
WebDriver(Selenium2) 常见异常及处理方法
Wind_的专栏
01-15 4万+
Exception NoSuchElementException  Solutions     1. Check the locator of your target element.  2. If the locator is current. Try to wait for page load before find element.  3. If already wait for l
node-sass 安装失败的各种坑
热门推荐
Huang_wf
06-07 7万+
开始的时候引入别人的一个项目npm installnpm run dev 启动项目报错> sell@1.0.0 dev E:\web_hwf\Vue\02app > node build/dev-server.js Listening at http://localhost:8888 webpack: wait until bundle finished: /index....
[已解决]Target “xxx” links to target "Boost::filesystem" but the target was not found.
weixin_45617478的博客
01-28 9673
安装cctag时，boost库出现问题，最初是版本不对，切换版本后一直检测不到，更换为python2.7编译后，可以顺利查找出来，但又出现以下问题 CMake Error at src/CMakeLists.txt:134 (add_library): Target "CCTag" links to target "Boost::atomic" but the target was not ...
Syntax Error SassError expected selector报错的解决方案
m0_67391677的博客
03-08 1万+
Syntax Error: SassError: expected selector报错的解决方案 今天在写Vue项目的时候，在写样式的时候突然遇到了这么一个报错： 因为写样式的时候，我在 < style > 标签中写了scoped 属性，这样导致我写的样式不能够传递给子组件，所以我写了一个 /deep/ 想要使用样式穿透，让子组件匹配上这个样式，但是不行，报了图片中的这个错误； 后来通过查资料发现，原来是我写的 /deep/ 出了问题； 如果使用 less 对 css 做出预处理的话，使用
[转]node-sass 安装失败的各种坑
weixin_34321753的博客
11-15 1735
本文转自：https://blog.csdn.net/weixin_42406046/article/details/80604623?tdsourcetag=s_pctim_aiomsg   版权声明：原创内容，版权所有【web_hwf@sain.com】 https://blog.csdn.net/weixin_42406046/article/details/80604623 ...
node-sass 安装报错解决办法
格物致知
04-15 7万+
E:\kibana>npm install node-sass> node-sass@3.8.0 install E:\kibana\node_modules\node-sass > node scripts/install.jsCannot download "https://github.com/sass/node-sass/releases/download/v3.8.0/win3 2-x64
scss 变量_scss/sass实现列表顺序加载动画
05-17
你可以使用 Sass 的循环和变量来实现一个列表顺序加载动画。以下是一个简单的示例代码： ```scss $delay: 0.1s; // 每个列表项的动画延迟时间 $duration: 0.3s; // 每个列表项的动画持续时间 @for $i from 1 through 10 { // 循环生成 10 个列表项 li:nth-child(#{$i}) { // 选择器 transition: transform $duration ease $delay * $i; // 动画效果 transform: translateY(50px); // 初始状态 } } ``` 在上面的代码中，我们使用了 `@for` 循环生成了 10 个列表项，并使用 `nth-child()` 选择器来选择每个列表项。然后我们使用了 `transition` 属性来实现动画效果，它包含了需要过渡的属性，持续时间，缓动函数和延迟时间。最后，我们在每个列表项的初始状态中设置了 `transform` 属性。 这个示例代码可以让你从顶部向下依次加载列表项，并在每个列表项之间添加了适当的延迟时间，以实现一个简单的列表顺序加载动画。你可以根据自己的需求进行修改和调整。
评论 13
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值