Node.js下IPFS代码运行正常，Browserify打包遇WriteError/QuotaExceededError

这个问题我之前在浏览器环境部署IPFS应用时也碰到过，核心原因是IPFS在浏览器中默认使用的本地存储（IndexedDB/LocalStorage）配额不足，或者本地存储残留了旧的IPFS数据占满了空间。下面给你几个实用的解决思路：

1. 自定义IPFS节点的存储配置，调整配额与资源占用 #

直接初始化IPFS节点时，通过配置参数修改存储上限、禁用不必要的功能，减少存储压力：

const IPFS = require('ipfs')
const series = require('async/series')

// 自定义IPFS节点配置
const node = new IPFS({
  // 生成随机repo名称，避免与旧存储冲突
  repo: `ipfs-browser-${Math.random().toString(36).substr(2, 9)}`,
  config: {
    Datastore: {
      // 调整最大存储配额（根据浏览器支持情况设置，比如1GB）
      StorageMax: '1GB',
      // 设置垃圾回收阈值，当存储占用超过90%时自动清理
      StorageGCWatermark: 90,
      // 禁用布隆过滤器，减少不必要的存储消耗
      BloomFilterSize: 0
    }
  },
  // 关闭不需要的实验性功能，降低资源占用
  EXPERIMENTAL: {
    pubsub: false,
    sharding: false
  }
})

let fileMultihash
series([
  (cb) => node.on('ready', cb),
  (cb) => node.version((err, version) => {
    if (err) { return cb(err) }
    console.log('Version:', version.version)
    cb()
  }),
  (cb) => node.files.add({ path: 'hello.txt', content: Buffer.from('Hello this is test asi394298') }, (err, filesAdded) => {
    if (err) { return cb(err) }
    fileMultihash = filesAdded[0].hash
    cb()
  })
])

这样配置后，既扩大了允许的存储容量，又通过关闭冗余功能减少了存储占用，同时随机repo名称能避免旧存储数据的干扰。

2. 改用IPFS HTTP客户端连接远程节点（推荐） #

在浏览器中运行完整的IPFS节点本身资源消耗就很大，而且容易碰到存储配额问题。更稳妥的方式是使用ipfs-http-client连接远程IPFS节点（比如公共IPFS节点），完全规避本地存储的问题：

const IPFS = require('ipfs-http-client')
const series = require('async/series')

// 连接公共IPFS远程节点
const node = IPFS.create({ url: 'https://ipfs.infura.io:5001/api/v0' })

let fileMultihash
series([
  (cb) => node.version()
    .then(version => {
      console.log('Version:', version.version)
      cb()
    })
    .catch(cb),
  (cb) => node.add({ path: 'hello.txt', content: Buffer.from('Hello this is test asi394298') })
    .then(filesAdded => {
      fileMultihash = filesAdded.cid.toString()
      cb()
    })
    .catch(cb)
])

这种方案不仅解决了存储问题，还能降低浏览器的CPU和内存占用，适合大多数前端场景。

3. 清理浏览器中残留的IPFS存储 #

如果是之前的IPFS存储数据占满了配额，可以手动清理：

• 打开浏览器开发者工具（F12），切换到Application标签
• 在左侧菜单找到IndexedDB或LocalStorage，删除所有与ipfs相关的存储项
• 刷新页面后重新运行打包后的代码

额外注意：Browserify打包时的Buffer兼容 #

浏览器本身没有Node.js的Buffer模块，打包时需要确保Browserify正确注入兼容版本。打包命令可以加上--insert-globals参数：

browserify your-script.js -o bundle.js --insert-globals

这样会自动注入Buffer、process等Node.js核心模块的浏览器兼容实现，避免打包后出现Buffer相关的错误。

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