红色字为重点

原因:缺少@types/node模块引起的@types/node模块是用于提供Node.js类型定义的模块,可以让开发者在编写Node.js代码时获得更好的代码补全和类型检查支持。

为什么没有这个模块因为它并不是Node.js本身的一部分,它并不是必需的

解决办法:

方法1:

点击node.js编码协助

这个可能需要等一下,如果报错无法下载 @types/node No @types/node versions available,就用第二个/第三个

方法2:

2.1.在本地/webstorm的终端上运行这个:npm install @types/node -g

-gnpm install命令的一个选项,用于进行全局安装,

当你在全局安装@types/node包时,它将被安装在全局的node_modules目录下。具体来说,它将被安装在全局的node_modules/@types/node目录中。

全局的node_modules目录的位置取决于你的操作系统和 Node.js 的安装方式。

  • 对于 Windows 系统,全局的node_modules目录通常位于C:\Users\{你的用户名}\AppData\Roaming\npm\node_modules

  • 对于 macOS 和 Linux 系统,全局的node_modules目录通常位于/usr/local/lib/node_modules/usr/lib/node_modules

请注意,全局安装的@types/node包可能需要管理员权限来执行。如果你遇到权限问题,请尝试使用管理员权限运行命令或者使用sudo命令(仅适用于 Linux 和 macOS)。

一般只需要按照这个路径:C:\Users\{你的用户名}\AppData\Roaming\npm\node_modules,去找就可以了

2.2.打开webstorm点击设置->语言和框架->JavaScript->库

2.3.点击附加目录后有一个选择目录

我的自己在加D盘了,最后点击确定就可以了

这样就创建了一个外部库

这样应该就可以了,如有不会私信我

方法3:

webstorm的终端上运行这个:npm install –save-dev @types/node

这将会在你的项目中安装@types/node模块,并将其添加到devDependencies中。

安装完成后,重新启动WebStorm并打开你的项目,它应该能够正确地找到和使用@types/node模块,从而提供正确的编码辅助功能,你的项目中会出现一些东西以上是我所知道的解决办法,我使用的是WebStorm 2022.3.2这个版本,如有问题请私信我,可能回复的比较慢,我也是新人,一起加油吧