今天用 Vite 新建了一个 React 项目,使用 WebStorm 打开以后发现无法添加 NPM 运行脚本了。

WebStorm 错误:请指定要运行的 npm
如图所示,正常情况下,点击 脚本 下拉列表以后,会列出 package.json 文件 scripts 下的所有可执行命令,但是我这就死活弄不出来,下面还报了一行警告:错误:请指定要运行的 npm 脚本

但经过我测试,如果强行忽略警告,继续运行的话是能正学运行 NPM 命令的,不过就是每次运行都会警告一次,挺恶心的。

后来网上查了一下,说是 WebStorm 对 json 类型文件识别丢失了造成的,于是修复办法如下:

打开 设置 -> 编辑器 -> 文件类型,在右侧的 识别的文件类型 列表中找到 JSON,点击右侧加号按钮,添加上 *.json 即可。

WebStorm 添加关联 JSON 类型

关联好文件类型以后,再次添加配置运行脚本可以看到已经恢复正常了。

WebStorm 添加配置运行脚本
奇怪的是不知道为什么突然就丢失关联类型了。