WebStorm自动完成和自动导入不起作用

Question

我在WebStorm中研究React-Native。

问题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

您正在使用named export语法（export function alertMessage()）导出函数，但是将其默认导入，将其别名为Utility； IDE无法知道Utility是什么，因此不提供完成/自动导入。可以将导出更改为默认值，或者使用named import语法导入函数

Answer 2

在开发任何（不仅是响应）应用程序时，实现正确代码完成的最简单方法是通过IDE自身添加对所需类型脚本库的支持。假设您使用Web Storm IDE进行开发：

• 转到Settings (Ctrl + Alt + S) -> Languages & Frameworks

• 展开JavaScript->库

• 使用react时，我建议添加：react; react-dom; react-native（用于移动应用开发）

• 完成后单击Apply

Answer 3

只需安装@types/react-native以获得建议，键入提示和自动导入。

Npm

npm install @types/react-native

纱线

yarn add @types/react-native

在Webstorm上对我来说就像魅力一样：）