我最近開始為這個使用modules.scss文件的大型代碼庫做貢獻。我按照同樣的方式編寫了其他組件，并導入了我的樣式文件，就像他們導入其他組件一樣，但由于某種原因，樣式?jīng)]有被應用。

// RegistrattionOverview.modules.scss

@use 'src/styles/colors' as colors;

.activeTab {
    color: colors.$primary;
    background-color: colors.$charcoal;
}

.inactiveTab {
    color: colors.$alto;
    background-color: colors.$black;
}

然后我這樣使用它:

//RegistrattionOverview.jsx

import styles from './RegistrattionOverview.modules.scss';


<div
  className={currentTab === overviewTabs.REGISTRATIONS ? styles.activeTab : styles.inactiveTab)}
  onClick={() => setCurrent(overviewTabs.REGISTRATIONS)}
 >
    {t('seriesOverview.registrations')}
 </div>

檢查chrome上的devtools，這些樣式甚至根本沒有被應用。我試著重裝了幾次，還是不行。有人知道我還能做什么嗎？

我希望標簽根據(jù)它們的狀態(tài)改變顏色。

您可能需要停止服務器，關閉項目正在運行的當前選項卡，重新啟動您的開發(fā)服務器，然后在另一個選項卡中打開項目。如果它不工作，然后也許也張貼你的顏色配置文件。

你如何運行這個應用程序？ 看起來文件沒有被編譯(如果你寫的東西和其他組件一樣的話)，所以像運行dev server或一些& quot手表& quot通過應用程序編譯文件的變化應該可以解決你的問題。這取決于環(huán)境(查看項目自述文件)