Ошибка при подключении миксина sass. Error: Undefined variable: «$header». Ошибка:неопределенная переменная — что значит?

Question

Junior Development @jun_dev

Frontend-developer

Sass

Ошибка при подключении миксина sass. Error: Undefined variable: «$header». Ошибка:неопределенная переменная — что значит?

Gulp выдает ошибку при подключении миксина к одному из классов.

Миксин подключаю к классу .owl-item__title 181 стр.

Миксин подключаю к классу .owl-item__title на 55 стр.

Миксины подключены к основному файлу sass

Файл с миксинами

Не могу понять почему ошибку выдаёт?!

Вопрос задан более трёх лет назад
1140 просмотров

4 комментария

Подписаться 1 Простой 4 комментария

Flying @Flying

Сам-то mxin где? :) Судя по тексту ошибки - у вас не определена переменная $header, возможно вы определяете её где-то в файле подключенном после файла с вызовом mixin'а?

Да, и код в виде скриншотов - плохая практика.

Написано более трёх лет назад

Junior Development @jun_dev Автор вопроса

Flying, задал первый вопрос на «Тостер» поэтому скриншот.
В дальнейшем учту, спасибо.

Вот сам код .

// --  Vars -- //

// Color
$color-fon__1: #F7F7F7 // Основной фон
$color-fon__2: #EDEDED // Основной фон 2
$color-footer: #333336 // Фон футера
$text-color: #000 // Основной текст шрифта
$_red: #ff0000

//Fonts
$size-text__deafault: 16px // размер текста
$header: 'FuturaPt-900', sans-serif // стиль заголовка 1 уровня
$text-p: 'FuturaPt-300', sans-serif // основной стиль шрифта
$text-h4: 'FuturaPt-100', sans-serif // самый тонкий стиль

// --  = Vars -- //

Написано более трёх лет назад

Flying @Flying

Артём Кнутов, Это содержимое _vars.scss ? Если да - то обратите внимание что подключение owlcarousel.scss находится перед этим файлом

Написано более трёх лет назад
Junior Development @jun_dev Автор вопроса

Flying, верно.
В комментарии ниже ответил, что ошибка снова возникала до момента перезапуска Gulp.
Спасибо!

Написано более трёх лет назад

Решения вопроса 1

3 комментария

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

Gulp.js

+1 ещё

Простой
Не применяются стили scss. Что делать?
- 1 подписчик
- 21 апр.
- 94 просмотра
0

ответов
Sass

Простой
Почему медиа-запрос переписывает стили, которые не должен переписывать?
- 1 подписчик
- 18 апр.
- 74 просмотра
1

ответ
Gulp.js

+1 ещё

Средний
Не запускается gulp,пишет: styles errored after 144ms. Как лечить такое?
- 1 подписчик
- 17 апр.
- 93 просмотра
0

ответов
React

+1 ещё

Средний
При стилизации компонента React не видны scss переменные подключенные модулем к index.js, в чем может быть проблема?
- 2 подписчика
- 13 апр.
- 322 просмотра
1

ответ
HTML

+2 ещё

Простой
Как задать правильное позиционирование?
- 1 подписчик
- 30 мар.
- 100 просмотров
0

ответов
Sass

+2 ещё

Простой
Как подключить этот font-face генератор?
- 1 подписчик
- 29 мар.
- 73 просмотра
1

ответ
Sass

Простой
Почему миксин работает через раз?
- 1 подписчик
- 25 мар.
- 59 просмотров
0

ответов
CSS

+3 ещё

Простой
Можно ли удалить файл theme.min.css из dev сборки?
- 1 подписчик
- 19 мар.
- 192 просмотра
1

ответ
Sass

+1 ещё

Простой
Stylelint. error: Unexpected invalid media query (min-width: $var-name) media-query-no-invalid. Как исправить?
- 1 подписчик
- 03 мар.
- 60 просмотров
1

ответ
HTML

+2 ещё

Простой
Бг-имдж не растягивается полностью на body, что делать?
- 1 подписчик
- 26 февр.
- 105 просмотров
1

ответ
Показать ещё Загружается…

Middle/Senior frontend dev

Solves

от 180 000 до 240 000 ₽

Frontend разработчик (Vue.js)

Intelinvest

от 50 000 до 90 000 ₽

Laravel-программист в веб-студию

Прометей

от 40 000 ₽

Написать посты на игровую тематику (PlayStation) Telegram, VK

25 апр. 2024, в 16:21

15000 руб./за проект

DevOps настройка Gitlab CICD для проекта c CF Worker

25 апр. 2024, в 16:12

2000 руб./за проект

DevOps

25 апр. 2024, в 16:08

130000 руб./за проект

Сам-то mxin где? :) Судя по тексту ошибки - у вас не определена переменная $header, возможно вы определяете её где-то в файле подключенном после файла с вызовом mixin'а?

Да, и код в виде скриншотов - плохая практика.
Flying, задал первый вопрос на «Тостер» поэтому скриншот.
В дальнейшем учту, спасибо.

Вот сам код .
// -- Vars -- // // Color $color-fon__1: #F7F7F7 // Основной фон $color-fon__2: #EDEDED // Основной фон 2 $color-footer: #333336 // Фон футера $text-color: #000 // Основной текст шрифта $_red: #ff0000 //Fonts $size-text__deafault: 16px // размер текста $header: 'FuturaPt-900', sans-serif // стиль заголовка 1 уровня $text-p: 'FuturaPt-300', sans-serif // основной стиль шрифта $text-h4: 'FuturaPt-100', sans-serif // самый тонкий стиль // -- = Vars -- //
Артём Кнутов, Это содержимое _vars.scss ? Если да - то обратите внимание что подключение owlcarousel.scss находится перед этим файлом
Flying, верно.
В комментарии ниже ответил, что ошибка снова возникала до момента перезапуска Gulp.
Спасибо!

Answer 1 · 2019-10-07 12:08:11

sergski @sergski

web-developer

у вас переменная $header в _vars наверно? он ниже owlcarousel.sass

Ответ написан более трёх лет назад

3 комментария

Ошибка при подключении миксина sass. Error: Undefined variable: «$header». Ошибка:неопределенная переменная — что значит?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт