Error can t find stylesheet to import
Сталкиваетесь с распространенной ошибкой Can’t find stylesheet to import’ при работе с Sass? Не волнуйтесь! В этом руководстве мы пошагово проведем вас через процесс выявления и устранения этой проблемы, чтобы вернуть ваш проект в нужное русло.
Определите проблему
Ошибка ‘Ошибка SassError: не удается найти таблицу стилей для импорта’ обычно возникает, когда компилятору Sass не удается найти файл, на который ссылается @import инструкция. Это может быть из-за неправильного пути к файлу, опечатки, отсутствия расширения файла или других проблем.
Исправление проблемы
Чтобы устранить эту проблему, выполните следующие действия:
Проверьте путь к файлу
Убедитесь, что путь к файлу в @import инструкции указан правильно. Помните об относительных и абсолютных путях и убедитесь, что путь указывает на правильный каталог и файл. Например, если ваша файловая структура выглядит следующим образом:
styles/
├── main.scss
└── _variables.scss
Ваше @import утверждение в main.scss должно выглядеть следующим образом:
@import ‘./variables’;
Проверьте расширение файла
Убедитесь, что вы используете правильное расширение файла в вашем @import заявлении. Если вы используете Sass (.sass), убедитесь, что ваша инструкция import имеет правильное расширение файла. Если вы используете SCSS (.scss), используйте .scss расширение в вашей инструкции import.
Однако обратите внимание, что нет необходимости указывать расширение файла при импорте файлов Sass или SCSS. Компилятор автоматически определит правильное расширение файла.
Проверьте, нет ли опечатки или синтаксической ошибки
Дважды проверьте свой @import оператор на наличие любых опечаток или синтаксических ошибок. Убедитесь, что имя файла написано правильно и инструкция правильно отформатирована.
Проверьте версии пакетов
Убедитесь, что вы используете совместимые версии своих пакетов, особенно node-sass или sass. Иногда устаревшая или несовместимая версия может вызывать проблемы. Вы можете проверить версии пакетов в вашем package.json файле и обновить их по мере необходимости.
Переустановите модули узла
Если проблема не устранена, попробуйте переустановить модули вашего узла. Удалите node_modules каталог и package-lock.json файл, а затем запустите npm install для переустановки модулей.
rm -rf node_modules
rm package-lock.json
npm install
Sass “Error: Can’t find stylesheet to import.”
Я столкнулся с проблемой, которая кажется похожей на ту, о которой сообщалось в https://github.com/sass/dart-sass/issues/284 , но для меня это не кажется “исправленным”. Я пытаюсь следовать рабочему процессу, описанному в https://getbootstrap.com/docs/4.1/getting-started/theming / для импорта исходного кода SCSS Bootstrap.
Вот моя (упрощенная) структура каталогов:
.
├── index.html
├── node_modules
│ ├── @mdi
│ └── bootstrap
├── package-lock.json
├── package.json
├── scss
│ └── peek-solutions2.scss
└── stylesheets
└── peek-solutions.css
Я установил Bootstrap с помощьюnpm install bootstrap; мой package.json содержит следующие зависимости:
Я попробовал sass –watch команду, указывающую входные и выходные файлы в разных каталогах (ср. https://sass-lang.com/guide ), но я сталкиваюсь с ошибкой импорта:
Похоже, что это проблема с путем; _functions.scss находится в том же каталоге, что и bootstrap.scss в node_modules/bootstrap/scss, но, похоже, sass команда ожидает, что он будет в моем пользовательском scss каталоге. Как я могу это исправить?
Ответ
просто удалите точки в начале, вы должны написать:
@import “node_modules/bootstrap/scss/bootstrap”;
в вашем файле scss
