如何解决VSCode中的Blob错误？

常见问题及处理方案 #

• Node.js环境缺失Blob支持：Blob是浏览器原生API，Node.js 18及以下版本默认没有内置这个对象。解决方式二选一：
  1. 升级Node.js到18以上版本，新版本已自带Blob
  2. 安装第三方包替代：

     npm install blob
     

     之后在代码里引入：

     const Blob = require('blob');
     

• 调试配置选错环境：如果是调试前端代码时出错，检查.vscode/launch.json里的配置，别选成Node.js环境，改成浏览器调试目标（比如Chrome、Edge）就行。
• 代码需兼容多环境：如果代码要同时跑在浏览器和Node.js里，加个环境判断：

  let BlobInstance;
  if (typeof Blob !== 'undefined') {
    BlobInstance = Blob;
  } else {
    const { Blob } = require('node:buffer');
    BlobInstance = Blob;
  }
  

额外排查方向 #

如果是安装某款VSCode扩展后才出现的错误，先禁用最近装的扩展，重启VSCode再试试。

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