Я уже попробовал то, что рекомендовано на этом скриншоте
с помощью этой строки кода import AsyncStorage from '../../../node_modules/@react-native-community/async-storage'; в файле, куда я импортирую async-storage из react-native но этот путь не разрешен, то есть async-storage не существует в этом каталоге. Я также попытался установить async-storage (даже если оно уже установлено), запустив yarn add async-storage, но в ранее упомянутом каталоге ничего не появилось
Есть два способа сделать это.
AsyncStorage. Это удалит предупреждение и решит проблему.AsyncStorage будет удален из react-native. Я не стал бы делать это, поскольку первый способ действительно решает проблему.Заметьте, вы можете получить это предупреждение, если вы используете зависимость, которая использует AsyncStorage и все еще импортирует ее старым способом из реактивной системы. Установка AsyncStorage не исправит ошибку. Вам нужно будет просмотреть свои зависимости, чтобы выяснить, какая из них вызывает их.
Это означает, что вы на самом деле просматриваете код каждой вашей зависимости, чтобы увидеть, используют ли они
AsyncStorage. Поиск по модулям вашего узла или по зависимости Github обычно достаточно, но это может занять некоторое время, чтобы найти его.После того, как вы выяснили, какая из них является причиной, вы должны открыть вопрос или создать PR с исправлением в репозитории зависимых систем. На этом этапе подавление предупреждения - это все, что вы можете сделать, пока оно не будет устранено.
npm или yarnУстановка: выберите метод, который вы обычно используете
npm i @react-native-community/async-storage
или
yarn add @react-native-community/async-storage
Свяжите зависимость (вам может не потребоваться делать это, если вы используете 0. 60+, так как он имеет автосвязь)
react-native link @react-native-community/async-storage
Затем вы импортируете его вот так и используете как раньше.
import AsyncStorage from '@react-native-community/async-storage';
Вы можете узнать больше об этом, посмотрев здесь
Вы можете подавить предупреждение YellowBox, используя следующие
import {YellowBox} from 'react-native';
Затем вы можете добавить следующее
YellowBox.ignoreWarnings(['Warning: Async Storage has been extracted from react-native core']);
Обычно я делаю это в App.js, поэтому легко отслеживать, какие из них я спрятал.
Он не удалит предупреждение с вашей консоли, но удалит все предупреждения YellowBox, связанные с ошибкой. Однако в этом случае я бы не стал этого делать, поскольку существует правильное исправление, которое заключается в правильной установке зависимости.