WebStorm运行Quokka插件报错：找不到jsdom-quokka-plugin模块如何解决？

别急，重装WebStorm没用的话，可以试试下面这几个针对性的解决步骤：

• 先确认插件是否真的安装到位
  有时候IDE插件市场的安装可能没同步到本地依赖，直接在项目终端执行本地安装命令：

  npm install jsdom-quokka-plugin --save-dev
  

  如果想让插件全局可用，就用全局安装命令：

  npm install -g jsdom-quokka-plugin
  

  安装完成后重启Quokka再测试。

• 检查Quokka的插件配置
  打开WebStorm的设置（可以直接点右上角的Quokka图标进入，或者通过File > Settings > Tools > Quokka.js路径找到），看看插件列表里有没有正确添加jsdom-quokka-plugin——注意拼写别出错，有时候手滑少个字母也会导致找不到模块。

• 清理缓存，排除缓存干扰
  缓存异常是这类问题的常见元凶：

  1. 先清理npm缓存，终端执行：

     npm cache clean --force
     

  2. 再清理WebStorm的缓存：点击File > Invalidate Caches...，选择「Invalidate and Restart」，等IDE重启后再运行Quokka。

• 检查Node.js版本兼容性
  你当前用的Node.js是v6.9.5，这个版本太老旧了，jsdom-quokka-plugin可能已经不兼容这么旧的版本。建议升级到LTS版本（比如v14或v16），升级后重新安装插件，再测试Quokka是否正常运行。

• 手动指定插件路径（终极方案）
  如果上面的方法都没用，可以手动告诉Quokka插件的位置：

  1. 找到jsdom-quokka-plugin的安装路径：全局安装的话，Mac/Linux一般在/usr/local/lib/node_modules/jsdom-quokka-plugin，Windows在C:\Users\你的用户名\AppData\Roaming\npm\node_modules\jsdom-quokka-plugin；本地安装的话就在项目的node_modules文件夹里。
  2. 在Quokka的设置里，找到插件配置项，手动添加这个路径，保存后重启Quokka。

内容的提问来源于stack exchange，提问作者Shishir Arora