如何停止 VS Code 从 Minified React 导入 React 方法？

Question

在某个时候，我的 VS Code 开始从

react/cjs/react.production.min

导入 React hook，而不是从

react

。
这让我很烦恼，因为当我在 localhost:3000 上开发时，即使使用简单的钩子（例如

useState

、

useEffect

等），它只会导致错误。有没有一种方法可以配置 VS Code 以从“react”导入 React 材料'？我厌倦了手动修复导入语句。
第一张图是我在 Next JS 上看到的错误页面，第二张图显示了 VS Code 如何自动从 Minified React 导入 useState。上面的线是我手动修复的。

Answer 1

也许您可以尝试安装自动导入

https://marketplace.visualstudio.com/items?itemName=steoates.autoimport

或者简单地重新安装你的 vscode 也许是解决它的最快方法

Answer 2

以下 Rivers 的回答“自动导入 - ES6、TS、JSX、TSX”对我有用，因为我不使用 Typescript。

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

Answer 3

显然，VS Code 突然开始在我的计算机上执行相同的操作 - 不建议从

react

包导入。我尝试安装自动导入，但它没有解决问题。想了想，我回想起问题是在 IDE 建议使用 Workspace 的 TypeScript 版本而不是 VS Code 后开始的。为了解决这个问题，我执行了以下操作：

打开命令面板

使用 Cmd+Shift+P 或 Ctrl+Shift+P（具体取决于您的操作系统），然后输入“typescript”。这将提出一些建议。

更改 TypeScript 版本

按向下箭头 (↓)，直到到达 TypeScript：选择 TypeScript 版本... 选项。

这将弹出另一个模式来选择您要使用的版本。就我而言，我选择了“使用工作区版本”选项。将其改回使用 VS Code 的版本就可以了。

我不确定为什么会发生这种情况 - 也许编辑器版本附加了一些设置 - 但尝试导入

useState

等内容或

react

包中的任何内容再次开始工作。

Answer 4

import from react/cjs/react.***.min

。我尝试安装@types/react，然后它工作正常