Jump to content
  • 0

gulp sass, не работает @import


VeniVidiVici
 Share

Question

Может кто сталкивался с подобным, не могу импортировать другие sass файлы в основной (main.sass)

 

К примеру подключение стилей файла reset.sass:

@import "test/reset"

После запуска компилятора, появляется ошибка

24b45718d926.png

 

Гуглил, предлагают вставить строчку includePaths: ['./styles'],либо плагины. Но почему-то всё равно не получается((

 

gulpfile

var gulp=require("gulp");var sass=require("gulp-sass");gulp.task('sass', function() {    return gulp.src('work-build/sass/*.sass')        .pipe(sass({            includePaths: ['public-build/css']  //это строка, которой предлагали лечить данную проблему, но всё равно не работает, может я неправильно путь указываю            }))        .pipe(gulp.dest('public-build/css'));});gulp.task('watch', function(){    gulp.watch('work-build/sass/*.sass', ['sass']);});
Edited by VeniVidiVici
Link to comment
Share on other sites

16 answers to this question

Recommended Posts

  • 0

Возможно, он на отсутствие точки с запятой ругается в конце @import.

 

Ой, у вас ведь sass, а не scss. Извиняюсь.

 

А вообще, он указывает, где ошибка. То сообщение, что вы показали, не несет никакой полезной информации. Что дальше пишет-то?

Edited by Igor Schnaider
Link to comment
Share on other sites

  • 0

Ставлю на точку с запятой. Много раз сталкивался с различными галп-проектами и сделал вывод, что Сассу пофиг на расширение файла при импорте — подключит в любом случае.

Link to comment
Share on other sites

  • 0

вот ошибка полностью

c23439fc3d86.png

На счёт точки  с запятой - синтаксис sass.

 

Пробовал и с расширением и без, не помогает.

Всё же я думаю что проблема в неверном указании пути(строка includePaths)

Edited by VeniVidiVici
Link to comment
Share on other sites

  • 0

Специально попробовал пересоздать файл, написал только 1 строку с import.

Пробовал в другом проекте, с .scss файлами, та же беда, тот же номер ошибки, в нете пишут что gulp sass не умеет делать import или что-то типа того.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Similar Content

    • By Andy_Code
      Здравствуйте! Проблема заключается в следующем: есть стартовый шаблон от "Фрилансера по жизни" версии 2021 года, открываю в VSCode, ввожу в терминале npm i затем gulp, все срабатывает как и должно, создается папка с результатом, начинаю прописывать стили для header, задаю ограничивающий контейнер и при проверке работоспособности данного контейнера выясняется, что стили, прописанные мной перекрывают стили медиа-запросов, прописанных в шаблоне и по итогу адаптив не работает, получается что итоговый css собирается в не правильном порядке! Подскажите, пожалуйста, как подобную проблему можно исправить?)
    • By ket-verbitskaya
      Привет!
      Недавно проходила первый этап на собесе с заданием и провалила. Нужно было создать копию отправленного изображения (прикреплено). Предполагаю, что ошибка была изначально в том, что требование "Use SASS variables by changing width and background, it has to change completely, the shape must be responsive (all its parts grow or shrink respectively)" не было выполнено. Фидбека не было, к сожалению. Работа проделана была только с html css. Но быть может были допущены другие другие ошибки? Буду признательна, если кто-нибудь укажет на них.
      Код ниже и по ссылке: https://codepen.io/qizqepml-th... ls/LYeYqjX
       
      <div class="wrapper"> <div class="circle"> <div class="panel panel--1"> </div> <div class="panel panel--2"> </div> <div class="panel panel--3"> </div> <div class="panel panel--4"> </div> <div class="circle--2"> </div> </div> </div>  
      * { box-sizing: border-box; } body { background-color: #2b2b2b; } .wrapper { background-color: #2b2b2b; position: absolute; display: flex; align-items: center; justify-content: center; top: 50%; left: 50%; transform: translate(-50%, -50%); } .circle { height: 29vw; width: 29vw; border-radius: 50%; position: absolute; transform: rotateZ(25deg); background-color: #333333; } .panel { height: 17.5vw; width: 17.5vw; border-radius: 50%; border: 1.5vw solid #f14100; } .panel--1 { float: left; position: absolute; } .panel--2 { float: right; position: relative; } .panel--3 { bottom: 0; position: absolute; } .panel--4 { bottom: 0; right: 0; position: absolute; } .circle--2 { border: 1.5vw solid #f14100; position: relative; border-radius: 50%; height: 25vw; width: 25vw; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); outline: 10vw solid #2b2b2b; }  

    • By yeldos23
      Всем привет народ! Очень надеюсь на вашу помощь! Дело в том что я создавал сайты по видео урокам некого Михаила Базарова. Вот собственно его видео уроки https://camouf.ru/video/new_store/phpstorm.html?PAGEN_2=2
      Теперь конкретно о проблеме: Дело в том, что данный человек использует bootstrap и sass. Он компилирует все стили в сжатый css. В этом то и проблема. У меня не компилируется, а стили на сайте не работают.
      Что я сделал: установил Ruby, прописал в командной строке gem install sass, успешно установился. Перезагрузил компьютер и подключился к своему удаленному серверу через PhpStorm. Обмен между локальным и удаленным сервером идет успешно. Но на сайте не работают стили прописанные в sass
      Скрин https://imgur.com/a/vV6QZBV
       
      UPD: Оказалось что путь к файлам неверный, мог бы кто нибудь помочь настроить?
    • By K0D0D
      Может кто-то оценить уже готовый сайт? Заранее спасибо.
    • By Liza1999
      Здравствуйте!
      У меня есть сборка проекта gulp. мне необходимо установить шаблонизатор pug для моего проекта. Node.js у меня установлен. Пишу сначала npm install pug, затем npm install pug-cli - все устанавливается. Когда пишу pug --help консоль пишет pug: command not found
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy