未在github页面上正确加载CSS文件

我正在制作一个具有多个主题的计算器应用程序,所有内容都在本地运行,但问题出现在github页面上。 计算器的每个主题都有自己的css文件,我正在使用javascript根据所选主题更改链接标记的href(默认情况下选择主题-1):

HTML:

<link rel="stylesheet" id="themeStyleSheet" href="styles/themes/theme-1.css">

Javascript:

const themeSelector = document.querySelector('#themeSelector');
const themeStyleSheet = document.querySelector('#themeStyleSheet');
let themeValue = 1;

function lastSelectedTheme(){
    themeValue = localStorage.getItem('selectedTheme');
    if(themeValue === '1'){
        themeStyleSheet.href = 'styles/themes/theme-1.css';
        themeSelector.value = localStorage.getItem('toggleValue');
    }
    else if(themeValue === '2'){
        themeStyleSheet.href = 'styles/themes/theme-2.css';
        themeSelector.value = localStorage.getItem('toggleValue');
    }
    else if(themeValue === '3'){
        themeStyleSheet.href = 'styles/themes/theme-3.css';
        themeSelector.value = localStorage.getItem('toggleValue');
    }
}

当我使用github查看我的页面时,它会自动添加' / '在href开头,但没有' / '在导致问题的原始javascript代码中(如果我从开发人员控制台手动删除“/”,则它可以工作)

如何停止 / 正在添加到href?

Github回购: https://github.com/FaDiiiLeo/calculator