Javascript 在netlify上部署vue js应用程序时，所有图像都会消失

我有一个待办事项列表应用程序，我尝试在Netlife上部署它，但它部署后所有图像都消失了，我不知道为什么，注意：这是我第一次使用Vue js或任何框架。 ，注意：当我跑发球时，一切都很好

下面是我如何使用这些图像

:root {
      --bg-mobile-light: url("~@/assets/bg-mobile-light.jpg");
    --bg-desktop-light: url("~@/assets/bg-desktop-light.jpg");
    --theme-icon-light: url("~@/assets/icon-moon.svg");
    --check-icon: url("~@/assets/icon-check.svg");
    --bg-mobile-dark: url("~@/assets/bg-mobile-dark.jpg");
    --bg-desktop-dark: url("~@/assets/bg-desktop-dark.jpg");
    --theme-icon-dark: url(" ~@/assets/icon-sun.svg"); 
}
.dark {
    --header-img:var(--bg-desktop-dark);
    --theme-icon:var(--theme-icon-dark);
    --header-img-mobile:var(--bg-mobile-dark);
}

 .light {
    --header-img:var(--bg-desktop-light);
    --theme-icon:var(--theme-icon-light);
    --header-img-mobile:var(--bg-mobile-light);
 }

.header {
    background-image: var(--header-img);
}

.themeSwitch-label {
    background-image: var(--theme-icon);
}

---

图像可以正常工作并包括在内，但问题是

.dark

或

.light

类没有被应用

看起来您在本地存储中设置了netlify应用程序上不存在的

主题

值

替换

const-theme=localStorage.getItem（'theme'））

与

let theme=localStorage.getItem（'theme'）；
如果（主题！=“黑暗”）主题=“光明”

---

这将确保始终存在默认设置，并且只允许

亮

或

暗

图像正在工作并包含在内，但问题是没有应用

.dark

或

亮

类

看起来您在本地存储中设置了netlify应用程序上不存在的

主题

值

替换

const-theme=localStorage.getItem（'theme'））

与

let theme=localStorage.getItem（'theme'）；
如果（主题！=“黑暗”）主题=“光明”

---

这将确保始终存在默认值，并且只允许

亮

或

暗

仅在文件开头使用相对或与

@

一起工作？您能提供已部署应用程序的链接吗？@Boussadjrahim，请点击此处is@kissu只有在开始时使用~@才能在相对位置工作，或者仅在文件开头使用

@

？你能给我一个已部署应用程序的链接吗？@BoussadjraBrahim在这里is@kissu仅在开始时使用~@它给出错误它们是只读的switchTheme中会有什么？我的坏，复制粘贴的剩余内容<代码>切换主题不需要更新编辑不起作用您能否澄清哪个部分不起作用？脚本要做的就是确保此行运行

body.classList.add（theme）

，并将

亮的

或

暗的

作为

主题

值。它不会更新localStorageit给出的错误是只读的switchTheme中会有什么？我的坏，复制粘贴的剩余内容<代码>切换主题不需要更新编辑不起作用您能否澄清哪个部分不起作用？脚本要做的就是确保此行运行

body.classList.add（theme）

，并将

亮的

或

暗的

作为

主题

值。它不会更新本地存储