_index.default не определен — приложение Expo из учебника Supabase выдает ошибку в Интернете

Редактировать

Теперь эта ошибка исправлена!

Описание

После строгого следования руководству Создание приложения для управления пользователями с помощью Expo React Native в документации супабазы ​​и запуска веб-версии приложения я столкнулся со следующим сообщением об ошибке:

Uncaught TypeError: _index.default is undefined в Firefox

Uncaught TypeError: Cannot destructure property 'PostgrestClient' of '_index.default' as it is undefined. в Chrome

Это произошло только с веб-версией. Когда я запустил приложение в Expo Go на Android, оно работало отлично. Я попытался отладить код и сузил его до одного оператора импорта.

import { createClient } from "@supabase/supabase-js";

Только когда этот оператор импорта закомментирован, ошибка исчезает.

Воспроизводить

1. Следуйте инструкциям по супабазе здесь
2. Установите веб-зависимости: npx expo install react-dom react-native-web @expo/metro-runtime
3. Запустите npm start в консоли и откройте URL-адрес локального хоста в браузере.
4. Откройте консоль и просмотрите ошибку.

Если вы хотите, чтобы приложение загружалось без ошибок, выполните следующие действия:

5. закомментируйте оператор импорта createClient и оператор экспорта в supabase.js. Замените оператор экспорта чем-то другим, кроме createClient. Тогда ваш файл supabase.js должен выглядеть примерно так:

import AsyncStorage from "@react-native-async-storage/async-storage";
// import { createClient } from "@supabase/supabase-js";

const supabaseUrl = "...";
const supabaseAnonKey = "...";

// export const supabase = createClient(supabaseUrl, supabaseAnonKey, {
//   auth: {
//     storage: AsyncStorage,
//     autoRefreshToken: true,
//     persistSession: true,
//     detectSessionInUrl: false,
//   },
// });

export const supabase = "hello world";

6. закомментируйте оператор useEffect в App.tsx:

export default function App() {
  const [session, setSession] = useState<Session | null>(null);
  // useEffect(() => {
  //   supabase.auth.getSession().then(({ data: { session } }) => {
  //     setSession(session);
  //   });
  //   supabase.auth.onAuthStateChange((_event, session) => {
  //     setSession(session);
  //   });
  // }, []);
  return (
    <View>
      {session && session.user ? (
        <Account key = {session.user.id} session = {session} />
      ) : (
        <Auth />
      )}
    </View>
  );
}

7. Просмотр загруженной страницы Аккаунта без ошибок

Ожидаемое поведение

Загрузите веб-страницу полностью без сообщения об ошибке Uncaught TypeError: _index.default is undefined.

Системная информация

• ОС: Windows 11
• Браузер Firefox и Chrome
• Версия @supabase/supabase-js: 2.44.2.
• Версия Node.js: 20.14.0.
• Версия Экспо: 51.0.17

Дополнительный контекст

Я нашел еще одно упоминание об этой ошибке от пользователя Discord два дня назад здесь

Я начал выпуск GitHub здесь