Проблемы с настройкой общего компонента (в другом пакете) для одного или нескольких приложений React Native. ⇐ Android

[Anonymous]

У меня возникли проблемы с приложением React Native.
Сейчас у меня следующая файловая структура:
Внешняя папка
Пакеты
----ReactNativeApp1
--------Все стандартные файлы для приложения React Native
----shared (папка для общих компонентов)
-- ------Пример компонента Button.tsx.
Я запустил npx response-native start, чтобы инициализировать эту папку, затем создал файл Button.tsx (источник ниже):

импортировать React из «react»;
импортировать { TouchableOpacity, Text } из «react-native»;
const Button = ({ text, onPress }) => {
return (

{text}

);
};
Кнопка экспорта по умолчанию;

Моя цель — иметь одну корневую папку и более двух внутренних папки, представляющие приложения React Native, и общую папку, в которой будет храниться код, общий для всех приложений.
У меня есть файл App.tsx внутри ReactNativeApp1/App1, который правильно регистрируется компонент и импортирует кнопку:

Код: Выделить всё

import React from 'react';
import { View } from 'react-native';
import Button from '../shared/Button';

const App1: React.FC = () => {
return (

 console.log('Button pressed!')} />

);
};

export default App1;

Однако всякий раз, когда я пытаюсь запустить приложение, я получаю эту ошибку:
ошибка: Ошибка: невозможно разрешить модуль ../shared/ Кнопка из C:\Users\username\VSCode Projects\SampleReactNativeSharedProject\packages\ReactNativeApp1\App.tsx:
Ни один из этих файлов не существует:

• ..\shared\Button(.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json| .json|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx)
• ..\shared\Button\index(. android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json|.android.ts|.native.ts|.ts |.android.tsx|.native.tsx|.tsx)

1 | импортировать React из «реагировать»;
2 | импортировать {View} из 'реагировать-родного';
3 | импортировать кнопку из '../shared/Button';
Я пробовал много вещей:

• Создание 2+ приложения и папка общих компонентов.
• Общие методы устранения неполадок, такие как очистка кэша, операторы печати.
• Поиск в Интернете по запросу «React Native Monorepo».
  Использование ChatGPT для генерации примера кода
• Просмотр видео на YouTube, посвященных этой проблеме
• Переключение с NPM на Yarn + Yarn Рабочие области
• Установка общих компонентов в качестве зависимостей для App1 (и других приложений)

Однако похоже, что я В любом случае застрял в одной и той же проблеме.
Я хочу, чтобы все мои проекты (в подпапках) находились в одной корневой папке, а также в подпапке общих компонентов.
Я буду признателен за любую помощь по этому вопросу и буду рад поделиться более подробной информацией.

Подробнее здесь: https://stackoverflow.com/questions/787 ... r-more-rea