React+getStream.io聊天项目npm start报错：无法解析'devlop'模块

确认NODE_OPTIONS配置是否生效 #

• 打开PowerShell执行 echo $env:NODE_OPTIONS，检查输出里有没有--openssl-legacy-provider。如果没输出，说明环境变量没配置成功，重新执行$env:NODE_OPTIONS="--openssl-legacy-provider"后关闭VSCode再重启，确保环境变量加载到位。
• 嫌全局设环境变量麻烦的话，直接修改package.json的start脚本，把参数加进去：

  "scripts": {
    "start": "react-scripts start --openssl-legacy-provider"
  }
  

  要是项目是直接用webpack配置的，就在webpack.config.js里加这段配置：

  module.exports = {
    // 其他已有配置
    node: {
      crypto: true
    }
  }
  

检查Node.js版本适配 #

• getStream.io的SDK对Node.js版本有要求，查一下你用的getStream版本对应的官方要求。比如新SDK可能要Node.js 16+，旧项目可能适配14。用nvm切换版本试试：
  1. 装完nvm后，执行 nvm install 16.18.0（选个稳定兼容的版本）
  2. 切换版本：nvm use 16.18.0
  3. 删掉node_modules和package-lock.json，重新跑npm install

彻底清理缓存重装依赖 #

• 光删node_modules不够，还要清npm缓存：

  npm cache clean --force
  

• 之后再执行npm install重新装依赖。要是用yarn的话，对应跑yarn cache clean和yarn install

检查getStream SDK配置与依赖版本 #

• 确认项目里getStream的初始化代码，API密钥、应用ID有没有写错，配置错了也可能导致编译阶段资源加载失败。
• 检查stream-chat和stream-chat-react的版本是否匹配，执行npm list stream-chat stream-chat-react查看版本。如果版本不兼容，指定兼容版本重装：

  npm install stream-chat@8.0.0 stream-chat-react@10.0.0
  

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