Переменная элемента $ разрешена только по имени без использования явного в Sass PhpStorm - PullRequest
Новая
       44

Переменная элемента $ разрешена только по имени без использования явного в Sass PhpStorm

0 голосов
/ 02 февраля 2019

Я новичок в Sass (SCSS).В Sass я следую за 7-1 pattern, и в настоящее время я использую Phpstorm в качестве IDE.

Я импортирую все мои _<name>.scss файлы в один основной файл с именем main.scss file.

Проблема

Я определяю свои цветовые переменные в файле _variables.scss, но когда я использую их в другом файле .scss, PhpStorm выдает ошибку, подобную

Элемент 'gutter-Horizontal' ( имя переменной ) разрешается только по имени без использования явного импорта подробнее ...

Я также даю скриншот моей IDE, поэтому вы знаете структуру моей папки.

enter image description here

Я проверяю весь интернет, но не могу найти никакого решения, это не повторяющийся вопрос этого вопроса хорошо !!

НО

Когда я импортирую свой _variables.scss в мои файлы scss, ошибка исчезает.

enter image description here

Вопрос

Итак, мне нужно импортировать vaiables.scss во все мои файлы scss или я сделал что-то не так?

Я не понимаю, откуда возникла эта проблема?Sass или PhpStorm?

variables.scss 

// COLORS

$color-primary: #55c57a;
$color-primary-light: #7ed56f;
$color-primary-dark: #28b485;
$color-gray-dark: #777;

$color-black: #000;
$color-white: #fff;

// GRID

$grid-width: 114rem;
$gutter-vertical: 8rem;
$gutter-horizontal: 6rem;

main.scss 

@charset "UTF-8";

@import 'abstracts/variables';
@import 'abstracts/functions';
@import 'abstracts/mixins';

@import 'base/animations';
@import 'base/base';
@import 'base/typography';
@import 'base/utilities';

@import 'components/buttons';

@import 'layout/header';
@import 'layout/grid';

@import 'pages/home';

1 Ответ

0 голосов
/ 02 февраля 2019

Нет, вы делаете это правильно.Создайте один файл main.scss и убедитесь, что ваши переменные - это first , который вы импортируете (в противном случае вы столкнетесь с неопределенными проблемами с переменными в других файлах).Вам не нужно повторно импортировать переменные для каждого файла, если они все включены в ваш файл main.scss.

Обычно я игнорирую эту ошибку PhpStorm или вы можете отключить ее:

  • Перейти к File -> Settings
  • Editor -> Inspections на левой панели
  • Sass/SCSS на правой панели
  • снять отметку Resolved by name only
...