diff --git a/components/DebugPanel.js b/components/DebugPanel.js
index c1c28ca5..053962b3 100644
--- a/components/DebugPanel.js
+++ b/components/DebugPanel.js
@@ -16,7 +16,7 @@ const DebugPanel = () => {
   const [siteConfig, updateSiteConfig] = useState({})
 
   // 主题下拉框
-  const themeOptions = THEMES.map(t => ({ value: t, text: t }))
+  const themeOptions = THEMES?.map(t => ({ value: t, text: t }))
 
   useEffect(() => {
     updateSiteConfig(Object.assign({}, BLOG))
diff --git a/components/ThemeSwitch.js b/components/ThemeSwitch.js
index 102b4b9e..7ff3d40f 100644
--- a/components/ThemeSwitch.js
+++ b/components/ThemeSwitch.js
@@ -25,7 +25,7 @@ const ThemeSwitch = () => {
             <div id="draggableBox" style={{ left: '10px', top: '85vh' }} className="fixed text-white bg-black z-50 rounded-lg shadow-card">
                 <div className="py-2 flex items-center text-sm px-2">
                     <select value={theme} onChange={onSelectChange} name="cars" className='text-white bg-black uppercase cursor-pointer'>
-                        {THEMES.map(t => {
+                        {THEMES?.map(t => {
                           return <option key={t} value={t}>{t}</option>
                         })}
                     </select>