Автозаполнение WebStorm и автоматический импорт не работают

Question

Я работаю над React-Native в WebStorm.

Проблема 1

У меня есть какой-то класс, я хочу использовать функцию автоматического импорта WebStorm, она работает для некоторых классов, но не для всех.

Когда я набираю имя инажмите Ctrl + Space, класс автоматического импорта не выполняется.

Я также пытался Alt + Enter, в списке нет предложений по импорту.

Задача 2

Затем я вручную импортировал класс, теперь WebStorm не может показывать подсказку методов с автозаполнением, когда я нажимаюCtrl + Space, мои методы там не перечислены.

Utility.js

export function alertMessage(alertMessage) {
  Alert.alert(
    "Alert",
    alertMessage,
    [{ text: "OK", onPress: () => console.log("OK Pressed") }],
    { cancelable: false }
  );
}

Есть ли какие-то настройки WebStorm, которые мне не хватает.Я хочу улучшить свою производительность.

Answer 1

Самый простой способ добиться правильного завершения кода при разработке любого (не только реагирующего) приложения - добавить поддержку необходимых библиотек сценариев типов через саму IDE.Предполагая, что вы используете Web Storm IDE для разработки:

• Перейдите к Settings (Ctrl + Alt + S) -> Languages & Frameworks

• Разверните JavaScript-> Библиотека

• При использовании реакции, я предлагаю добавить: react; react-dom; react-native (для разработки мобильных приложений)

• Нажмите Apply, когда закончите

Answer 2

Вы экспортируете свою функцию, используя синтаксис с именем export (export function alertMessage()), но импортируете ее по умолчанию, присваивая ей псевдоним Utility;IDE не может знать, что такое Utility, поэтому нет завершения / автоимпорта.Либо измените экспорт на значение по умолчанию, либо импортируйте свою функцию, используя именованный импорт синтаксис