стили в файле sass не помещаются в элемент в первом refre sh в nextjs - PullRequest
Новая
       64

стили в файле sass не помещаются в элемент в первом refre sh в nextjs

0 голосов
/ 29 февраля 2020

У меня есть следующий js проект, в котором я использую styled-jsx и sass для стилизации. но у меня проблема только в режиме разработки. Я запускаю проект в режиме разработки и открываю его в браузере и нажимаю ссылку на go на другую страницу, но при изменении страницы styleled-jsx загружается на страницу, и элементы получают эти стили, но стили, существующие в файле sass, не отображаются. не загружается и при обновлении sh страницы оба стиля загружаются на страницу.

это мой код: 

//index page

const Index: NextPage<{}> = () => {
    return (
        <Link href="/home">
            <a>home</a>
        </Link>
     );
};
export default Index;




//home page

import React from "react";
import "./style.scss";
const Home = () => {
    return (
        <div className="home_box">
            <p className="home_text">Test</p>
            <style jsx>{`
                .home_text {
                    color: red;
                }
            `}</style>
        </div>
    );
 };
export default Home;



//style.scss

.home_box{
     background-color: green
}

и это демо моего приложения:

enter image description here

, как вы видите на картинке, я меняю маршрут, и моего стиля sass не существует, но когда я обновляю sh страницу, она появляется.

это происходит только в режиме разработки и только в первый раз. в производстве все работает хорошо.

Это моя ссылка на репо. Что вы можете увидеть мой конфиг.

https://github.com/mahyarfrd70/next-typescript-boilerplate

как я могу решить эту проблему?

...