WebStorm自动从firebase/compat导入Firestore，如何改为firebase/firestore？

以下是针对当前项目配置问题的具体解决步骤：

• 清除IDE缓存并重启
  WebStorm的缓存异常可能导致模块索引错误，引发导入路径识别偏差。操作：打开File > Invalidate Caches...，勾选「Clear file system cache and local history」，点击「Invalidate and Restart」。

• 确认Firebase版本兼容性
  检查项目根目录package.json中的firebase依赖版本，确保是v9及以上的模块化版本。如果版本过低，执行升级命令：

  npm install firebase@latest
  

• 重新配置JavaScript库索引
  之前添加Firebase库无效，可能是索引未正确生成：

  1. 进入File > Settings > Languages & Frameworks > JavaScript > Libraries
  2. 删除已添加的Firebase库条目
  3. 点击Add...，选择npm类型，搜索firebase并添加，勾选「Download」选项，等待索引完成后重启IDE

• 强制刷新项目模块索引
  右键项目根目录，选择Mark Directory as > Sources Root，然后执行File > Sync File System，让WebStorm重新扫描所有文件和依赖路径。

• 检查项目配置文件
  若项目使用TypeScript或有jsconfig.json，确保compilerOptions配置正确：

  {
    "compilerOptions": {
      "moduleResolution": "node",
      "allowSyntheticDefaultImports": true
    }
  }
  

  无该文件时可手动创建，帮助IDE正确解析ES模块导入路径。

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