fix json import error

web/src/i18n/index.jsx

@@ -1,11 +1,11 @@
 import React, { createContext, useContext, useState, useEffect } from 'react';
 import { IntlProvider } from 'react-intl';
+import languageMessages from './languages'
 
 const LanguageContext = createContext(null);
 
 const getUserLanguage = () => {
-  const languages = ['en', 'zh-CN']
-  return languages.includes(navigator.language) ? navigator.language : languages[0];
+  return navigator.language in languageMessages ? navigator.language : 'en';
 };
 
 export const useLanguage = () => {
@@ -16,23 +16,14 @@ export const useLanguage = () => {
   return context;
 };
 
-const loadMessages = async (language) => {
-  try {
-    const translationModule = await import(`./${language}.json`);
-    return translationModule.default || translationModule;
-  } catch (error) {
-    return {};
-  }
-};
 
 export function LanguageProvider({ children }) {
   const [language, setLanguage] = useState(getUserLanguage());
   const [messages, setMessages] = useState({});
 
   useEffect(() => {
     const fetchMessages = async () => {
-      const loadedMessages = await loadMessages(language);
-      setMessages(loadedMessages);
+      setMessages(languageMessages[language]);
     };
 
     fetchMessages();

web/src/i18n/languages.jsx

@@ -0,0 +1,9 @@
+import en from './en';
+import zhCN from './zh-CN';
+
+const languageMessages = {
+  en,
+  'zh-CN': zhCN,
+}
+
+export default languageMessages