React native WebStorm自动完成和自动导入不工作

我在WebStorm的React Native上工作

问题1 我有一些类，我想使用WebStorm的自动导入功能，它适用于一些类，但不适用于所有类

当我键入name并按Ctrl+Space时，它不会自动导入类。 我也尝试了Alt+Enter，它在列表中并没有导入建议。 问题2 然后我手动导入了这个类，现在WebStorm无法用auto complete显示方法建议，当我按Ctrl+Space时，我的方法没有列在那里

Utility.js

---

是否有一些设置WebStorm我错过了。我想提高我的工作效率。

您正在使用语法导出函数alertMessage导出函数，但将其作为默认值导入，并将其别名为实用程序；IDE不知道什么是实用程序，因此不提供完成/自动导入。将导出更改为默认值，或使用语法导入函数。在开发任何“不仅仅是react”应用程序时，实现正确代码完成的最简单方法是通过IDE本身添加对所需类型scrip库的支持。假设您使用Web Storm IDE进行开发：

转到设置Ctrl+Alt+S->语言和框架

展开JavaScript->Library

使用react时，我建议添加：react；反应dom；react native用于移动应用程序开发

完成后单击应用

只需安装@types/react native即可获得建议、类型提示和自动导入

Npm

npm安装@types/react native

纱线

纱线添加@types/react native

---

在Webstorm中对我来说很有吸引力：在它还没有出现之前。

实用程序类中有几个方法，所以我应该怎么做，更改为默认值？我不想要suggestion中的所有方法，我想要按类名的suggestion，所以所有方法不会一直出现。我不明白你的意思，抱歉。在您提供的代码中，我只能看到通过命名导出导出的单个函数。我看不到任何具有方法的类。如果要从模块中导出单个实体，请使用默认导出；要导出多个内容，请使用命名导出。

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