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

【问题标题】：WebStorm auto complete & auto import are not workingWebStorm 自动完成和自动导入不起作用
【发布时间】：2019-03-15 01:32:05
【问题描述】：

我在 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 设置。我想提高我的工作效率。

【问题讨论】：

标签： react-native autocomplete ide webstorm auto-import

【解决方案1】：

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

转到Settings (Ctrl + Alt + S) -> Languages & Frameworks
扩展 JavaScript->库
在使用react时，建议添加：react; react-dom; react-native（用于移动应用开发）
完成后点击Apply

【讨论】：

【解决方案2】：

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

【讨论】：

Utility类有好几种方法，怎么办，改成default？我不希望建议中的所有方法，我希望按类名建议，所以所有方法都不会一直显示。
没有明白你的意思，抱歉。在您提供的代码中，我只能看到通过命名导出导出的单个函数。我看不到任何带有方法的类。如果您想从模块中导出单个实体，请使用默认导出；要导出多个内容，请使用命名导出。

【解决方案3】：

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

Npm

npm install @types/react-native

纱线

yarn add @types/react-native

在 Webstorm 中对我来说就像魅力一样 :) 在它不是之前。

【讨论】：

问题 1

当我输入名称并点击Ctrl + Space 时，它不会自动导入类。

我也试过Alt + Enter，列表中没有导入建议。

问题 2

当我输入名称并点击`Ctrl + Space` 时，它不会自动导入类。

我也试过`Alt + Enter`，列表中没有导入建议。