AsyncStorage：不变违规：模块 AppRegistry 不是已注册的可调用模块

Question

我正在使用 react-i18next 翻译 React Native 应用程序。它有效，但在启动应用程序时我无法在 AsyncStorage 中检索用户的语言环境。错误是：

ERROR TypeError: undefined is not a function, js engine: hermes ERROR Invariant Violation: Module AppRegistry is not a registered callable module (calling runApplication). A frequent cause of the error is that the application entry file path is incorrect. This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native., js engine: hermes

密码是：

import i18n, { LanguageDetectorAsyncModule } from "i18next";
import { initReactI18next } from "react-i18next";
import { Platform, NativeModules } from "react-native";
import AsyncStorage from "@react-native-async-storage/async-storage";
import en from "./en.json";
import fr from "./fr.json";

const languages = {
  EN: "en",
  FR: "fr",
};

const resources = {
  en: { translation: en },
  fr: { translation: fr },
};

const detectLocale = async () => {
  const storedLocale = await AsyncStorage.getItem("locale");
  if (storedLocale) {
    return JSON.parse(storedLocale);
  }
  const mobileLocale =
    Platform.OS === "ios"
      ? NativeModules.SettingsManager.settings.AppleLocale ||
        NativeModules.SettingsManager.settings.AppleLanguages[0]
      : NativeModules.I18nManager.localeIdentifier;
  if (mobileLocale) {
    return mobileLocale.split("_")[0];
  }
  return languages.EN;
};

const LanguageDetector = {
  type: "languageDetector" as LanguageDetectorAsyncModule["type"],
  async: false,
  init: () => {},
  detect: detectLocale,
  cacheUserLanguage: () => {},
};

export default i18n
  .use(LanguageDetector)
  .use(initReactI18next)
  .init({
    resources,
    fallbackLng: languages.EN,
    keySeparator: ".",
    whitelist: [languages.EN, languages.FR],
    interpolation: { escapeValue: false },
  });

所以错误来自 detectLocale 函数，在 LanguageDetector.detect() 中调用。它是异步的，我使用 await 关键字。没有 AsyncStorage 一切正常，所以错误一定来自这里。

我使用 React Native CLI，没有 expo，版本是迄今为止最新的版本：0.64.1。

Answer 1

我遇到了类似的问题。为了使用异步自定义语言检测器，您需要将 async 设置为 true。然后你将在 detect() 上收到回调函数。



const languageDetector: LanguageDetectorAsyncModule = {
  type: "languageDetector",
  async: true,
  // Since we set async to true, detect has now callback function...
  detect: async (callback: (lang: string) => void) => {
  const language = await AsyncStorage.getItem('language')
    callback(lastSelectedLang);
  },
  init: () => {},
  cacheUserLanguage: (lng: string) =>
    AsyncStorage.setItem('language', lng),
};

AsyncStorage：不变违规：模块 AppRegistry 不是已注册的可调用模块

AsyncStorage: Invariant Violation: Module AppRegistry is not a registered callable module

i18next

react-native

asyncstorage