如何停止 VS Code 从 Minified React 导入反应方法？答案

【问题标题】：How to stop VS Code importing react methods from Minified React?如何停止 VS Code 从 Minified React 导入反应方法？
【发布时间】：2022-12-21 23:04:19
【问题描述】：

在某个时候，我的 VS Code 开始从 react/cjs/react.production.min 导入反应钩子，而不是从 react。
这让我很烦，因为它只会在我在 localhost:3000 上开发时导致错误，即使使用简单的钩子，如 useState、useEffect 等。有没有办法配置 VS Code 以从 'react' 导入 React 材料'？我厌倦了手动修复导入语句。
第一张图是我在 Next JS 上得到的错误页面，第二张图显示了 VS Code 如何自动从 Minified React 导入 useState。它上面的线是我手动修复的。

【问题讨论】：

标签： javascript reactjs visual-studio-code

【解决方案1】：

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

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

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

【讨论】：

谢谢你。自动导入解决了这个问题！

【解决方案2】：

按照 Rivers 的回答“Auto Import - ES6, TS, JSX, TSX”对我有用，因为我不使用 Typescript。

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

【讨论】：

【解决方案3】：

显然，不知从何而来，VS Code 开始在我的电脑上做同样的事情——不建议从 react 包中导入。我试着安装自动导入但它没有解决问题。想到这里，我想起了问题是在 IDE 建议使用 Workspace 的 TypeScript 版本而不是 VS Code 之后开始的。为了解决这个问题，我做了以下事情：

打开命令面板

和命令+转移+P要么控制键+转移+P，具体取决于您的操作系统，然后输入“typescript”。这将提出一些建议。

更改 TypeScript 版本

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

这将打开另一个模式来选择您要使用的版本。就我而言，我有使用工作区版本选择的选项。改回使用 VS Code 的版本成功了。

我不确定为什么会发生这种情况——也许编辑器版本附加了一些设置——但尝试导入useState或react包中的任何内容再次开始工作。

【讨论】：