почему не может импортировать мой s css во время развертывания?

Question

это ошибка, которую я получаю при попытке развернуть мой реактивный проект в netlify. почему это я смотрю целую вечность и не могу решить это. '3:53:30 PM: Не удалось скомпилировать. 15:53:30: ./src/styles/App.scss 15:53:30: SassError: Файл для импорта не найден или не читается: ./partials/login_bar. 15:53:30: в строке 20 /opt/build/repo/src/styles/App.scss 15:53:30: >> @import './partials/login_bar';'

вот мой файл sccs

//general style for whole app
@import './partials/Main';

//Navbar
@import './partials/Nav-scss/Nav';

//Navbar_DrawerButton
@import './partials/Nav-scss/DrawerButton';

//Navbar_SideDrawer
@import './partials/Nav-scss/SideDrawer';

//Site backdrop
@import './partials/Nav-scss/Backdrops';

//Setup page styles
@import './partials/setup';

//login bar styles
@import './partials/login_bar';

//login page styles
@import './partials/login_page';

//settings page styles
@import './partials/Settings_page';

//material design fonts
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap")

древовидная структура файла:

код из файла _login_bar.s css

.Login_nav-items ul {
    position:fixed;
    list-style: none;
    margin: 0.2rem;
    margin-left: 2rem;
    padding: 0;
    display: flex;
}

.toolbar_nav img {
    display: flex;
    float: right;
    width: auto;
    height: 40px;
    margin: auto;
    padding-top: 0.5rem;
    padding-left: 6rem;
}

буквально понятия не имеет, почему это происходит?