未定义的scss变量错误
未定义的 SCSS 变量错误是在使用 SCSS（Sass）预处理器时出现的一种错误。当在 SCSS 文件中使用一个未定义的变量时，编译器会抛出这个错误。
SCSS 是一种 CSS 预处理器，它引入了变量、嵌套规则、混合（Mixins）、继承等功能，使得 CSS 的编写更加高效和可维护。在 SCSS 中，我们可以定义变量来存储颜色、字体、尺寸等常用的值，然后在样式中引用这些变量，提高代码的可复用性和可维护性。
当出现未定义的 SCSS 变量错误时，通常有以下几种可能的原因和解决方法：
- 变量未定义：检查代码中是否有定义该变量的地方。如果没有定义，可以在 SCSS 文件的合适位置添加变量定义，例如：$primary-color: #007bff;
- 变量作用域问题：如果变量是在某个作用域内定义的，确保在使用该变量之前已经进入了该作用域。例如，如果变量是在某个嵌套规则内定义的，确保在使用该变量之前已经进入了该嵌套规则。
- 导入顺序问题：如果变量定义在其他文件中，并通过
@import导入，确保导入的顺序正确。变量应该在使用之前被导入。 - 文件命名问题：检查文件扩展名是否为
.scss，而不是.css。只有.scss文件才能使用 SCSS 的语法和功能。 - 编译器配置问题：如果使用的是某个编译工具（如 webpack、gulp 等），确保配置文件中已经正确配置了 SCSS 的编译规则和路径。
总结起来，未定义的 SCSS 变量错误是由于使用了一个未定义的变量导致的。要解决这个错误，需要检查变量是否被正确定义、作用域是否正确、导入顺序是否正确，并确保编译器配置正确。以下是腾讯云相关产品和产品介绍链接地址：
- 腾讯云 SCF（Serverless Cloud Function）：https://cloud.tencent.com/product/scf
- 腾讯云云开发（Tencent Cloud Base）：https://cloud.tencent.com/product/tcb
- 腾讯云 COS（Cloud Object Storage）：https://cloud.tencent.com/product/cos
- 腾讯云 CVM（Cloud Virtual Machine）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云云数据库 PostgreSQL 版：https://cloud.tencent.com/product/cdb_postgresql
- 腾讯云云数据库 MongoDB 版：https://cloud.tencent.com/product/cdb_mongodb
- 腾讯云云数据库 Redis 版：https://cloud.tencent.com/product/cdb_redis
- 腾讯云云数据库 MariaDB 版：https://cloud.tencent.com/product/cdb_mariadb
- 腾讯云云数据库 SQL Server 版：https://cloud.tencent.com/product/cdb_sqlserver
- 腾讯云云数据库 TDSQL-C（TencentDB for TDSQL-C）：https://cloud.tencent.com/product/tdsqlc
- 腾讯云云数据库 TDSQL-M（TencentDB for TDSQL-M）：https://cloud.tencent.com/product/tdsqlm
- 腾讯云云数据库 TDSQL-PG（TencentDB for TDSQL-PG）：https://cloud.tencent.com/product/tdsqlpg
- 腾讯云云数据库 TDSQL-Redis（TencentDB for TDSQL-Redis）：https://cloud.tencent.com/product/tdsqlredis
- 腾讯云云数据库 TDSQL-MariaDB（TencentDB for TDSQL-MariaDB）：https://cloud.tencent.com/product/tdsqlmariadb
- 腾讯云云数据库 TDSQL-SQLServer（TencentDB for TDSQL-SQLServer）：https://cloud.tencent.com/product/tdsqlsqlserver
- 腾讯云云数据库 TDSQL（TencentDB for TDSQL）：https://cloud.tencent.com/product/tdsql
- 腾讯云云数据库 CynosDB（TencentDB for CynosDB）：https://cloud.tencent.com/product/cynosdb
- 腾讯云云数据库 DCDB（TencentDB for DCDB）：https://cloud.tencent.com/product/dcdb
- 腾讯云云数据库 TBase（TencentDB for TBase）：https://cloud.tencent.com/product/tbase
- 腾讯云云数据库 CDB（TencentDB for CDB）：https://cloud.tencent.com/product/cdb
- 腾讯云云数据库 TCR（Tencent Container Registry）：https://cloud.tencent.com/product/tcr
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云函数（Serverless Cloud Function）：https://cloud.tencent.com/product/scf
- 腾讯云云存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云云监控（Cloud Monitor）：https://cloud.tencent.com/product/monitor
- 腾讯云云安全中心（Cloud Security Center）：https://cloud.tencent.com/product/ssc
- 腾讯云云防火墙（Cloud Firewall）：https://cloud.tencent.com/product/cfw
- 腾讯云云解析（DNSPod）：https://cloud.tencent.com/product/cns
- 腾讯云云联网（Cloud Connect Network）：https://cloud.tencent.com/product/ccn
- 腾讯云云直播（Cloud Live）：https://cloud.tencent.com/product/live
- 腾讯云云点播（Cloud VOD）：https://cloud.tencent.com/product/vod
- 腾讯云云通信（Cloud Communication）：https://cloud.tencent.com/product/tim
- 腾讯云云通信短信（Tencent Cloud SMS）：https://cloud.tencent.com/product/sms
- 腾讯云云通信音视频通话（Tencent Cloud TRTC）：https://cloud.tencent.com/product/trtc
- 腾讯云云通信实时音视频（Tencent Cloud Real-Time Communication）：https://cloud.tencent.com/product/rtc
- 腾讯云云通信即时通信（Tencent Cloud Instant Messaging）：https://cloud.tencent.com/product/im
- 腾讯云云通信即时音视频（Tencent Cloud Instant Real-Time Communication）：https://cloud.tencent.com/product/avc
- 腾讯云云通信即时音视频（Tencent Cloud Instant Real-Time Communication）：https://cloud.tencent.com/product/avc
- 腾讯云云通信即时音视频（Tencent Cloud Instant Real-Time Communication）：https://cloud.tencent.com/product/avc
- 腾讯云云通信即时音视频（Tencent Cloud Instant Real-Time Communication）：https://cloud.tencent.com/product/avc
- 腾讯云云通信即时音视频（Tencent Cloud Instant Real-Time Communication）：https://cloud.tencent.com/product/avc
- 腾讯云云通信即时音视频（Tencent Cloud Instant Real-Time Communication）：https://cloud.tencent.com/product/avc
- 腾讯云云通信即时音视频（Tencent Cloud Instant Real-Time Communication）：https://cloud.tencent.com/product/avc
- 腾讯云云通信即时音视频（Tencent Cloud Instant Real-Time Communication）：https://cloud.tencent.com/product/avc
- 腾讯云云通信即时音视频（Tencent Cloud Instant Real-Time Communication）：https://cloud.tencent.com/product/avc
- 腾讯云云通信即时音视频（Tencent Cloud Instant Real-Time Communication）：https://cloud.tencent.com/product/avc
- 腾讯云云通信即时音视频（Tencent Cloud Instant Real-Time Communication）：https://cloud.tencent.com/product/avc
相关·内容
我尝试制作不同的配置文件(针对不同的颜色)，并在导入basic.scss的另一个文件中使用变量，我将创建多个app.scss文件，如app1.scss和app2.scss，它们使用不同颜色的配置文件。
我的config1.scss
$primary-color : #6a7dcc;
$primary-font-color: #ccc;
我的basic.scss
body {
background-color: $primary-color;
color: $primary-font-color;
}
我的app1.scss
@import "config2.scss";
浏览 0提问于2016-05-24得票数 1
回答已采纳
我正在使用一些复制的SASS代码来启动一个项目。它是用@编写的，我已经将它更改为“Dart SASS使用”。
style.scss
// base
@use 'css/var' as *;
@use 'css/base' as *;
@use 'css/typography' as *;
// layouts
@use 'css/container' as *;
@use 'css/grid' as *;
css/_var.scss
$baseFontSize:16 !default;
$baseLineHeig
浏览 3提问于2021-11-19得票数 3
回答已采纳
1回答
我正在制作一个自定义的Bootstrap主题。这是我在style.scss中的设置
// Custom variables
@import 'custom-variables';
// Required
@import "../node_modules/bootstrap/scss/functions";
@import "../node_modules/bootstrap/scss/variables";
@import "../node_modules/bootstrap/scss/mixins";
// Optional
浏览 2提问于2019-01-15得票数 1
我得到了这个语法错误。
我在基金会的settings.scss中启用了按钮半径，并得到了这个错误的返回值。
语法错误:未定义变量："$global-radius“。在scss/_settings.scss的第348行，从scss/app.scss的第1行开始，使用--trace进行回溯。
已检查这两个文件，但似乎看不到问题。
// We use this to set the default radius used throughout the core.
$button-radius: $global-radius;
// $button-round: $global-rounded
浏览 1提问于2014-03-27得票数 0
如何使用已使用@use SASS文件(abstract.scss)导入变量的文件中的变量。
例：
// Folder Structure
/abstracts/_mixins.scss
/abstracts/_variables.scss
/abstracts/_something.scss
/abstracts/abstracts.scss
// _variables.scss
$color-primary:blue
// abstracts.scss
@use './mixins';
@use './variables';
// home.scss
浏览 1提问于2021-03-26得票数 0
回答已采纳
2回答
我在编写SCSS时遇到了一个未定义的变量错误。
我的文件结构是健全的(我相信)，因为它将其馀的文件编译成main.scss。
我使用的是“使用”而不是“导入”。
color: #f22437对color: $clr-primary
Error: Undefined variable.
╷
54 │ color: $clr-primary;
│ ^^^^^^^^^^^^
╵
scss/layouts/_navigation.scss 54:10 @use
scss/layouts/_all-layouts.scss 11:1 @
浏览 4提问于2020-11-24得票数 2
2回答
我有一个变量文件，其中有两个要覆盖的主题定义：
_vars.scss
body {
$bg-color: #fff
}
body.theme-dark {
$bg-color: #333
}
我正在调用角按钮组件中的变量：
button.scss
@import '_vars.scss';
.button {
background-color: $bg-color;
}
但是我得到了以下编译错误：
SassError:未定义变量.
背景色：$bg颜色；
根据我的body主题类，覆盖变量的正确方法是什么？谢谢
浏览 4提问于2022-05-19得票数 -2
试图使用引导4拉点菜在我的角度6应用程序，如这样在我的angular.json文件.
"styles": [
"node_modules/bootstrap/scss/_functions.scss",
"node_modules/bootstrap/scss/_variables.scss",
"node_modules/bootstrap/scss/_mixins.scss",
"src/styles.scs
浏览 3提问于2018-11-12得票数 13
1回答
我使用的是Sass，并且希望使用@use关键字而不是@import。因为，@import有很多问题。另外，只有飞镖支持这一特性，我把节点-sass改为省道-sass。然而，出现了一些问题。
我的原始代码
@import '@carbon/colors/scss/colors'
dart-sass和@use应用代码
@use '@carbon/colors/scss/colors'
错误:未定义变量.
我该怎么解决呢？
浏览 5提问于2020-06-01得票数 17
回答已采纳
我在文件_variables.scss中声明了一个sass变量。当我使用@use导入该文件时，当编译声明为" error : undefined“时会出现一个错误。但是，如果我使用@import，那么一切都编译得很好。
这里是导入的第一个文件
//_variables.scss
$primaryColor: rgba(199, 26, 113, 0.747);
这是正在进行导入的文件。
//styles.scss
@use 'variables';
header {
background: $primaryColor;
}
编译时，返回“错误:未定义变量”。但是，如果
浏览 11提问于2022-07-30得票数 1
5回答
在我的Nuxt应用程序中，我加载了所有的SASS，因此：
css: [
'~assets/scss/main.scss'
],
它工作得很好，除非我试图在组件中使用一些SASS变量。
<style lang="scss">
.container {
background-color: $white;
}
</style>
在本例中，我得到以下错误消息：
SassError:未定义变量：$white
然而，在定义变量的SASS文件中包含的所有SCSS都在整个应用程序中工作。
似乎整个应用程序都知道这些文件，但是每个单独的
浏览 3提问于2019-10-04得票数 1
回答已采纳
rails 3.2，引导3。
我使用，但我不能工作。我有这个错误
未定义的混音‘make列’。
在这个文件中，app/assets/stylesheets/exam.css.scss
...
.button-left{
@include make-lg-column(4);
display:inline;
padding-top: 5px;
}
...
这是我的application.css.scss
@import "bootstrap";
@import "exam";
如果我将这些行添加到exam.css.scss中，它就能工作。但我不
浏览 4提问于2014-01-13得票数 1
回答已采纳
我试图在引导4中使用媒体查询。
在上，他们这样做：
@include media-breakpoint-up(xs) { ... }
@include media-breakpoint-up(sm) { ... }
@include media-breakpoint-up(md) { ... }
@include media-breakpoint-up(lg) { ... }
@include media-breakpoint-up(xl) { ... }
// Example usage:
@include media-breakpoint-up(sm) {
.some-class {
浏览 2提问于2017-06-19得票数 5
1回答
考虑以下3个scss文件的示例：
//main.scss`
@use 'deep1' as *;
body {
background-color: $color;
}
// deep1.scss
@use 'deep2' as *;
// deep2.scss
$color: red;
如果在scss中运行此操作，则会得到$color变量未定义的错误。有什么方法可以用scss实现这种可变嵌套吗？换句话说，如果file1使用来自file2的资源，我如何自动告诉sass，任何将使用file1的文件也应该使用file2
我正在考虑一些导出函数或任何东西，如
浏览 0提问于2020-07-02得票数 0
回答已采纳
1回答
我不明白编译错误描述了什么，因为我确实定义了SASS变量：
由于此错误:未定义变量，Dart失败。style.scss 64│颜色：$sc-蓝光；│^^^^^^^^^^^^^^╵_partials/│^^^^^^^^^^^^^^╵/_search.scss 64:12 @使用╷65:1根样式表
_utilities.scss
$sc-blue-light: #5BC2E7;
_search.scss
.search {
color: $sc-blue-light;
}
_style.scss (主样式表)
@use '_partials/base/_utilities'
浏览 3提问于2021-05-04得票数 0
回答已采纳
在Vue-cli webpack项目中，我在.env文件中定义了一个环境变量，如下所示：VUE_APP_FONT_SIZE=30px
然后在vue.config.js中，我“添加”如下：
let sav = ''
if (/VUE_APP_/i.test('VUE_APP_FONT_SIZE')) {
sav += `$${'VUE_APP_FONT_SIZE'}: "${process.env['VUE_APP_FONT_SIZE']}";`
}
module.expo
浏览 3提问于2020-09-02得票数 0
回答已采纳
我正在尝试在Sass中使用Rails 3.2。我试图在我的项目中创建一个Sass文件来定义所有基于的全局变量。但由于变量未定义，我一直收到Sass::SyntaxError。
我所拥有的：
application.css.scss
/*
*= require_self
*/
@import "variables.css.scss";
@import "layout.css.scss";
variables.css.scss
$font_size: 14px;
layout.css.scss
body {
font-size: $font_size;
浏览 3提问于2013-02-04得票数 1
回答已采纳
因此，让我们假设我有以下情况:我有2个.scss文件。
其中一个带有变量，另一个将被实际转换为我的网页的.css，在那里我想访问上述变量。
vars.scss
$my_color: red;
main.scss
@use 'vars'
body {
color: $my_color;
}
我要做的是访问在vars.css中定义的变量并使用它。
引用是正确的，因为如果我使用@import而不是@use，一切都会正常工作。
我还尝试引用vars.$my_color变量，正如文档中所建议的那样，但是我始终得到一个“未定义变量”错误。
浏览 3提问于2020-01-22得票数 1
1回答
我有点不好意思，我好像搞不明白。例如，每当我引用scss工作表中的基础变量时，我就会得到一个错误。
未定义变量：“$主色”。(在/my/path/to/mysheet.scss中)
这是我的app.scss
/*
*= require_self
*= require_tree ./a_folder
*/
@import "foundation/foundation-global";
@import "foundation/_settings";
@import "foundation";
我怀疑这是因为import是针对require
浏览 2提问于2013-06-22得票数 1
我正在尝试构建我的第一个Foundation 5项目，并且是CSS框架的新手。我已经成功地使用Foundation创建了一个Sass项目，当我在浏览器中点击index.html时，Foundation5的样式看起来都很好。
我的/scss文件夹有两个文件，_settings.scss和app.scss，很简单
@import "settings";
@import "foundation";
这是ZURB论坛上推荐的顺序。此时，我认为您可以开始修改_settings.scss以自定义东西，但是每次我取消对文件中的一行进行注释时，我都会得到
错误scss/app
浏览 4提问于2014-06-18得票数 0
回答已采纳
我想用Next.js (10.0.9版)支持多个Sass文件。
在之后，我安装了sass (v1.32.8，在devDependencies下)。
样式表/globals.scss工作良好，使用import '../styles/globals.scss';导入到页面/_app.tsx中。
但是，如果我添加了包含$base-color: darkblue;的样式/chros.scss，并尝试在globals.scss中使用它，如下所示：
@use 'colors';
body {
color: $base-color;
}
yarn dev报告：
错误-
浏览 4提问于2021-03-30得票数 1
回答已采纳
2回答
我正在尝试使用Foundation5的新媒体查询。我创建了一个foundation_overrides.scss文件，并在app.css文件的链接下面添加了一个链接到它的css文件，该链接位于index.html head标记中：
<link rel="stylesheet" href="stylesheets/app.css" />
<link rel="stylesheet" href="stylesheets/foundation-overrides.css" />
.这是app.scss
@impo
浏览 7提问于2014-01-16得票数 2
1回答
从技术上讲，这不是boostrap的事情，而是scss的事情，但Bootstrap是我遇到问题的背景。我正在更改bootstrap中某些值的默认值。一个特定的变量，我想引用另一个引导变量。
所以我有我自己的文件：
@import "_variable.overrides.scss";
@import "bootstrap.scss";
我的_variable.overrides.scss看起来像这样：
$secondary: lighten($primary, 10%);
我不能这样做，因为$primary是未定义的，因为我首先导入我的覆盖scss。如果我首先导
浏览 4提问于2019-03-02得票数 0
2回答
我有一个名为style.scss的文件，其代码如下：
@import 'variables';
body {
color: $text-color;
background: $background-color;
}
还有一个名为_variables.scss的部分：
$colorscheme: white;
@if $colorscheme == white {
$text-color: #333;
$background-color: #fff;
}
@else {
$text-color: #ccc;
$b
浏览 1提问于2013-03-12得票数 29
回答已采纳
2回答
我有一个状态变量：
this.state = {
theme: "light"
}
将此状态添加到div类名中，使其成为<div class name=`app ${this.state.theme}`>。
我还有三个scss文件：LightTheme.scss App.scss、App.scss和DarkTheme.scss.。app.scss必须导入一个主题scss文件，因为它们有一些构成主题的颜色变量。
我试图使用scss的if语句，但我发现不能使用scss来检查元素是否包含特定的类名。
使用JavaScript导入主题文件也不起作用，因为app.sc
浏览 2提问于2020-09-27得票数 1
1回答
我有一个使用:export指令导入scss变量的javascript文件。
example.test.js
import styles from './styles.scss';
const foo = styles.foo
styles.scss
:export {
foo: "bar";
}
但是，如果我在这个文件上运行jest，foo变量是未定义的。有没有办法为这个用例配置jest？
浏览 0提问于2020-02-07得票数 0
对于我的应用程序之一，我使用创建-反应-应用程序(没有弹出式)，并具有以下文件夹结构：
/src
assets
scss
abstract
_variables.scss
_mixins.scss
_global.scss
components
Welcome
Welcome.js
Welcome.scss
App.js
App.scss
这些文件的内容如下：
_varia
浏览 2提问于2020-08-31得票数 1
2回答
// variables.scss
html {
&.light-theme {
$primary-1: #3BB4C1;
$primary-2: #3AAEBB;
$primary-3: #35A0AC;
$secondary-1: #E3E3E3;
$secondary-2: #E0E0E0;
$secondary-3: #D6D6D6;
$subtle-1: #F6F5F5;
$subtle-2: #EDECEC;
$sub
浏览 1提问于2021-07-14得票数 0
main.scss
@import "sass1";
@import "sass2";
sass1.scss
$white-color: white
sass2.scss
.body{ color: $white-color}
如果我像这样编译一次，它就能正常工作
node-sass main.scss main.css
但是如果我像这样使用观察器，修改并保存_sass2.css会给出错误
node-sass --watch main.css main.css
{“状态”：1，“文件”："sass2.scss"，“行”：3，“列”：11，“消息”
浏览 0提问于2018-12-07得票数 1
我在rails中的css文件中得到一个语法错误。
文件名：_base.scss
body {
font-size: 15px;
line-height: 20px;
color: $grey;
font-family: $body-font;
}
未定义变量："$grey“。(在/home/mali/rails_projects/platform-rails3/app/assets/stylesheets/_base.css.scss)中
你知道为什么会出现这个错误吗?我该如何解决它？提
浏览 0提问于2013-08-15得票数 0
一边跑一边大口大口地说
var gulp = require('gulp');
var sass = require('gulp-sass');
var uglify = require('gulp-uglify');
var rename = require('gulp-rename');
var notify = require('gulp-notify');
var minifycss = require('gulp-minify-css');
var concat = require(&
浏览 2提问于2018-06-19得票数 0
在我最新的rails项目中使用sass，特别是bootstrap-sass gem，以获得twitter的所有bootstrappy好处。
是否可以引用已定义的变量？供应商/assets/stylesheets/bootstrap/_variables.scss文件包含颜色声明。
$blue: #049cdb !default;
$blueDark: #0064cd !default;
$green: #46a546 !default;
$red: #9d261d !default;
我是否需要在基本application.css.scss文件的顶部重新定义这些变量，或者我可以导入/引用变量文
浏览 0提问于2012-06-13得票数 5
我想开始使用@use而不是@import，因为@import会被折旧。我有一个部分：
// _test.scss
$color1: #ee00ee;
引用者：
// demo.scss
@use test;
html {
color: $color1;
}
如果我注释掉html: $color1行，我不会得到任何错误。如果我删除_test.scss，我得到一个文件找不到错误，所以文件似乎包括在内。
但是当一切就绪时，我会得到一个未定义的变量错误。如果我将@use替换为@import，我不会得到任何错误，并且生成的css具有预期的颜色。
我在一个巨无霸(大苏尔)上，使用飞镖萨斯：
% dar
浏览 0提问于2021-01-15得票数 1
1回答
如何将引导主题导入回响应引导？
、、、、
我使用CRA创建了一个基本的React应用程序，并使用了react引导程序。我想加载不同的主题。所有主题都被下载并放置在src/themes文件夹中。每个主题都有自己的文件夹，有固定的文件名集：
src/themes/
superhero/
_bootswatch.scss
_variables.scss
bootstrap.css
bootstrap.min.css
/cerulean
_bootswatch.scss
_variables.scss
bootstrap.css
bootstrap.min.css
and so on...
现
浏览 1提问于2019-01-29得票数 1
我今天第一次开始使用Gulp，我一直在修改_variables.scss文件中的一些变量来修改主题。我在颜色系统的灰度中添加了一个灰色，当我用gulp编译到css中时，我得到了一个错误：
错误: node_modules\bootstrap\scss_variables.scss错误:未定义变量：“$gred-950”。在节点_模块/引导/scss/_variables.scss$body-bg的第135行：$grey 950！默认；
我对_variables.scss文件和灰度的理解是，只要我像这样映射它，我就可以插入一个额外的文件：
// stylelint-disable
$w
浏览 1提问于2017-10-25得票数 0
回答已采纳
2回答
我正在将我们的Rails (3.2.17)应用升级到sass，并且在资产预编译过程中遇到了“未定义的变量”错误。我使用@import在master.scss文件中包含我的代码片段。此设置在本地运行得很好，但在预编译时会出错。避免错误的唯一方法是@import代码段到引用了第一个代码段中定义的混合和变量的代码段中。
例如:我@导入'fonts‘和'buttons’到master.scss中，然后我不得不再次@import 'fonts‘到'buttons’中，因为它使用了'fonts‘中定义的变量。这绕过了预编译错误，但这并不理想，因为应用程序中只加载了一
浏览 3提问于2014-03-15得票数 7
我正在尝试运行的lms，但是我一直收到这个错误
CompileError: Error:未定义变量："$verdana“。lms/static/sass/partials/base/_variables.scss的第314行
$sans-衬线：$verdana！默认；
？
这就是在_variablesscss文件中写入的内容
$sans-serif: 'Open Sans', $verdana, sans-serif !default;
$monospace: Monaco, 'Bitstream Vera Sans Mono', 'Lu
浏览 2提问于2017-05-17得票数 0
我有两个样式头的类。然后，我需要创建一个mixin来定制背景模式，这取决于显示的是哪个标题。
可以在我的混入中使用$has-dept变量吗？
//header 1
.dt-style-user-bar-without-departments {
@extend .dt-style-user-bar;
$has-dept: false;
/...
}
//header 2
.dt-style-user-bar-with-departments {
@extend .dt-s
浏览 0提问于2013-11-27得票数 1
1回答
I在中出现了错误
./src/styles/theme/bootstrap.scss (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src??embedded!./node_modules/sass-loader/lib/loader.js??ref--14-3!./src/styles/theme/bootstrap.scss)
Module build failed (from ./node
浏览 5提问于2020-02-17得票数 1
1回答
我已经尝试设置PrimeNg到我的角-CLI项目.所以我遵循了如下步骤
npm install primeng --save npm install primeui --save
我需要一滴水，所以我增加了
import { DropdownModule } from 'primeng/primeng';在我的主module.ts文件中，后面跟着imports:[DropdownModule]。
然后将样式添加到.角-cli.json文件中，如下所示
"../node_modules/primeng/resources/themes/omega/theme.scss&#
浏览 4提问于2017-11-26得票数 3
2回答
我有一个应用程序呈现一个名为feeds的视图，它自带了一个名为feeds.scss的样式。该视图使用名为default_app.scss的布局。
控制器操作具有render layout: 'default_app'。在default_app.html.erb中是= stylesheet_link_tag 'default_app', params[:controller]，它指示应该首先需要布局样式表。
这里的问题是，在default_app.scss中，我定义了一组常量颜色，例如：$red: #aaa，但是当我在feeds.scss中使用$red时，它是未定
浏览 3提问于2016-08-30得票数 0
回答已采纳
当我尝试从bootstrap 3升级时，我的一个Ruby on Rails项目遇到了问题。我删除了bootstrap-sass gem并按照this github page上的说明操作，但是每当我从服务器请求一个页面时，我都会收到一个关于颜色变量未定义的错误。 我做了一个新的rails项目，唯一的目的就是让bootstrap 4正常工作。 我的Gemfile： source 'https://rubygems.org'
gem 'rails'
gem 'puma'
gem 'sass-rails'
浏览 12提问于2019-03-22得票数 0
回答已采纳
2回答
我在尝试扩展经典主题时遇到了一个问题(即使它不被推荐)，但随着liferay的新样式书功能，这是我们加快主题创建的好机会。 我已经创建了一个基本的主题项目使用“你救生圈-主题”生成器建立我的主题，并部署它，一切都好。然后我从repo前端-主题-经典github repo: https://github.com/liferay/liferay-portal/tree/7.3.x/modules/apps/frontend-theme/frontend-theme-classic 1：https://github.com/liferay/liferay-portal/tree/7.3.x/mod
浏览 29提问于2021-02-06得票数 0
1回答
我最近从Vue-CLI切换到laravel-mix，SCSS变量的用法在Vue-CLI中工作得很好，但在我切换到laravel-mix之后，现在似乎完全不起作用了。
Vue-CLI只是为我处理了所有的事情，我觉得我必须配置一些东西来让变量在laravel-mix中工作。
这是我尝试过的(也是在Vue-CLI中起作用的)：
// vue component
import variables from "@/styles/variables.scss";
// ...
data() {
return {
variables
}
}
methods:
浏览 1提问于2021-06-25得票数 0
我在我的rails应用程序中使用了引导3.3.0，但是下面显示了错误
错误编译资产application.css: Sass::SyntaxError:未定义的混音‘隐藏-文本’。(在../app/assets/stylesheets/application.css.scss)服务资产中/application.css - 500内部服务器错误)
这是我的application.css.scss
@import "bootstrap";
@import "bootstrap-timepicker";
@import "bootstrap-date
浏览 5提问于2014-11-05得票数 1
回答已采纳
我正在使用为我的vue应用程序生成一个样式指南，该应用程序是使用vue-cli的webpack模板生成的。
我有一个_variables.scss文件，我想在启动样式指南服务器时全局加载它。
因此，在之后，我将require: [path.join(__dirname, 'src/assets/scss/main.scss')]添加到了styleguide.conf文件中，但这并没有帮助，当我在组件样式标记中使用一个变量时，我会得到一个错误：
未定义变量：“$边框半径”。
以下是我的完整styleguide.config.js：
const path = require
浏览 0提问于2018-04-01得票数 2
无论我做什么尝试，我都会得到这个错误： SassError: Undefined variable: "$bg-color".
on line 2 of src/scss/box.scss
>> background: $bg-color; 要重现问题，请键入npx create-react-app blahblah，然后键入npm install --save-dev node-sass。 这是我的文件 // ./src/App.js
import './scss/app.scss';
import Box from '
浏览 132提问于2021-04-08得票数 0
回答已采纳
1回答
我有几个scss变量，如下所示：
$box-bg1: #7a8360;
$box-bg2: #918261;
$box-bg3: #6a8177;
$box-bg4: #686f5e;
我想在for中使用这些变量，比如：
@for $i from 1 through 4 {
.locationBox:nth-child(#{$i}) { background: $box-bg#{$i}; }
}
编译代码后，我得到这个错误:语法错误:未定义变量："$box-bg"，看起来#{$i}变量对我的代码没有任何意义。有没有像这样在循环中使用变量的方法？
注意:我也使用指南针
浏览 1提问于2013-04-09得票数 1
回答已采纳
1回答
你好，我试图导入我的sass变量在反应项目的其他scss。我在src/sass/_variable.scss中做了新的scss。并试图将其导入src/Pages/Home/Home.scss中。
我试图使用“导入”和“使用”，但仍然有错误。当im试图@use时，我得到了一个错误:未定义变量。当我试图@import时，我得到了一个错误: Not。这条路很好。我试过用节点和飞镖。奇怪的是，只有当import sass位于同一个目录时，它才能工作。
浏览 0提问于2022-05-16得票数 0
我试图在我的应用程序中添加一个新的自定义主题，但当我在Compass上编译时，它会引发以下错误：
_Class.scss:未定义变量：“$字体-系列”
我试图将_Class.scss中的_Class.scss字体更改为$font-family，但它不起作用。我的Sencha版本是2.2.1。我怎样才能解决这个问题？
// Let's start with the basics
$base - color: #CC0000;
$active - color: #850000;
// Buttons
$button-gradient: 'bevel';
// L
浏览 0提问于2013-08-06得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
