红色字为重点
原因:缺少@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
-g
是npm 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这个版本,如有问题请私信我,可能回复的比较慢,我也是新人,一起加油吧