0

我已经使用 Typescript 安装了一个新的 React 应用程序,如下所示:

npx create-react-app my-app --typescript

当我运行该应用程序时,一切似乎都很好。所以我删除了生成的代码并开始编写自己的代码。

当我开始打字时,我注意到我的 IDE(Webstorm 和 VS Code)不会自动导入默认类,例如React

无法自动导入默认反应类

正如您在以下示例中看到的那样,当我选择 时React,什么都没有发生。但是当我选择Component(默认不导出)时,它已被导入。

之后,我安装了 "@material-ui/core": "^4.6.0".

看来我在这里也有同样的行为。现在,我可以容忍使用诸如imr自动导入它的snipers。但作为一个 Angular 粉丝,我不习惯手动导入所有内容,我希望有一个解决方案。

这导致我提出以下问题:

与其手动导入我要使用的每个模块,有没有更简单的方法可以做到这一点?它开始非常痛苦。

我已经尝试过以下解决方案:

  1. 安装steoates 的自动导入
  2. 安装Arnuariri 的 Material UI Snippets
  3. 安装Burke 的简单反应片段

我不是在寻找片段扩展,而是在寻找一种自动导入默认导出模块的方法。

4

1 回答 1

-2

你必须安装自动导入(VSCode 扩展)

链接:https ://marketplace.visualstudio.com/items?itemName=NuclleaR.vscode-extension-auto-import

为所有可用的导入自动查找、解析并提供代码操作和代码完成。适用于 JavaScript 和 TypeScript。

于 2019-11-18T06:57:27.497 回答