WebStorm не может найти файл Sass - PullRequest
Новая
       13

WebStorm не может найти файл Sass

0 голосов
/ 21 января 2020

Я импортирую файл Sass в свой компонент с помощью 

@import 'src/assets/sass/var'

В браузере все правильно, но WebStorm сообщает мне:

Ошибка: не удается найти таблицу стилей для import.

@ import 'src / assets / sass / var'

home.component. css выглядит следующим образом: 

/* Error: Can't find stylesheet to import.
 *   ,
 * 1 | @import 'src/assets/sass/var'
 *   |         ^^^^^^^^^^^^^^^^^^^^^
 *   '
 *   home.component.sass 1:9  root stylesheet */

body::before {
  font-family: "Source Code Pro", "SF Mono", Monaco, Inconsolata, "Fira Mono",
      "Droid Sans Mono", monospace, monospace;
  white-space: pre;
  display: block;
  padding: 1em;
  margin-bottom: 1em;
  border-bottom: 2px solid black;
  content: "Error: Can't find stylesheet to import.\a   \2577 \a 1 \2502  @import 'src/assets/sass/var'\d\a   \2502          ^^^^^^^^^^^^^^^^^^^^^\a   \2575 \a   home.component.sass 1:9  root stylesheet";
}

Почему я получаю эту ошибку?

1 Ответ

1 голос
/ 21 января 2020

Ошибка исходит от компилятора SASS, а не из IDE. Вам нужно указать допустимый относительный путь в импорте или передать компилятору путь загрузки , чтобы разрешить импорт.

Просто измените импорт на @import "./path/from/your/file/var"; или используйте * 1006 параметр * (см. https://sass-lang.com/documentation/cli/dart-sass#load -path ) в аргументах компилятора, чтобы указать папку, в которой компилятор должен искать файл .scss. Обратите внимание, что путь к папке должен быть относительно рабочего каталога компилятора (указан в средство просмотра файлов Рабочий каталог: поле)

...