Блог

Главная - Вопросы по программированию - Компилятор Live Sass все еще жалуется на ошибку, которую я уже исправил

Компилятор Live Sass все еще жалуется на ошибку, которую я уже исправил

#css #reactjs #sass

Вопрос:

Эйо, кто-нибудь, пожалуйста, может мне помочь.

Так что в основном я просто путаюсь здесь с реакцией, создавая тодолист в качестве задачи для разработчиков. Я использую sass для своих стилей. До вчерашнего дня все, казалось, было в порядке.

Когда я нажимаю «Сохранить» в файле style.scss, компилятор переходит:

 Compilation Error
Error: File "/home/alwin/Documents/dev-shit/frontendmentor-todo-app/src/styles/.checkBox" not found
        on line 1 of home/alwin/Documents/dev-shit/frontendmentor-todo-app/src/styles/_addTodo.scss
        from line 4 of sass/home/alwin/Documents/dev-shit/frontendmentor-todo-app/src/styles/style.scss
>> @import "./.checkBox";

   --------^

Но я не думаю, что эта ошибка больше актуальна, так как я удалил импорт таблицы стилей флажков.

Вот мой стиль.scss:

 @import url("https://fonts.googleapis.com/css2?family=Josefin Sans:wght@400;700amp;display=swap");

@import "./variables";
@import "./addTodo";
@import "./todoHeader";

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "Josefin Sans", sans-serif;
}

body {
  display: flex;
  height: 100;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  background: url("../images/bg-desktop-dark.jpg") no-repeat;
  background-color: hsl(235, 21%, 11%);
  color: white;
}

.todoContainer {
  // background: #19dafa;
  min-width: 500px;
  width: 35%;
  min-height: 250px;
  margin: 70px auto;
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 800px) {
  .todoContainer {
    min-width: 260px;
    min-height: 500px;
  }
}

Я уже несколько раз переустанавливал расширение компилятора live sass, поэтому не знаю, как это решить.

Я знаю, что это звучит глупо, но я что-то упускаю? Ответы или исправления были бы весьма признательны. Заранее спасибо.

Метки: ,