проблема с sass и bootstrap при импорте файла scss

Question

M, используя sass с начальной загрузкой. 4 n Теперь, что я делаю, это папка sass. У меня есть файл app.scss, в котором у меня есть

@import _customVariables.scss
@import node_modules/bootstrap/scss/functions
@import node_modules/bootstrap/scss/mixins

. Когда я компилирую файл sass, я получаю следующую ошибку

sass --watch app.scss:style.css
 Error: Expected string.
 @import _customVariables.scss
         ^
 app.scss 1:9  root stylesheet

как новичок в sass y, не импортирует ли он файлы

он работает для следующих целей только тогда, когда у меня есть весь начальный загрузчик, он объединяет

  @import "../node_modules/bootstrap/scss/bootstrap"

любая помощь будетцениться

Answer 1

Поскольку вы используете scss, вы должны использовать строку для значения импорта и пропустить подчеркивание:

@import 'customVariables.scss';

Согласно документации SASS (https://sass -lang.com / guide #import ):

Допустим, у вас есть несколько файлов Sass, _reset.scss и base.scss.Мы хотим импортировать _reset.scss в base.scss.

@import 'reset';

---

EDIT : предоставить рабочий пример, чтобы OP могчтобы увидеть, как все зависимые части работают вместе.

Я создал проект на CodeSandbox, в который я добавил sass и bootstrap и использовал руководство по начальной загрузке для создания темы сборки:

https://codesandbox.io/s/v0k9wlwqx3