Автозаполнение 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

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

Answer 2

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

• Идти к Settings (Ctrl + Alt + S) -> Languages & Frameworks

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

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

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

Answer 3

Просто установите @types/react-native для предложений введите подсказки и автоматический импорт.

Npm

npm install @types/react-native

Пряжа

yarn add @types/react-native

У меня работает как шарм в Webstorm:) раньше его не было