IPFS文件发布失败：TypeError: ipfsClient is not a function错误求助

这个错误的核心原因是你使用的 ipfs-http-client 版本（v50+）的导出方式发生了变化——旧版本的库默认导出一个客户端构造函数，但新版本改用了命名导出，直接调用ipfsClient()自然会报错。下面是具体的修复步骤：

1. 修正导入与客户端初始化 #

将原来的默认导入改为命名导入create方法，用它来创建IPFS客户端实例：

// 替换原来的导入语句
const { create } = require('ipfs-http-client');
// 用create方法初始化客户端
const ipfs = create({host: 'ipfs.infura.io', port: 5001, protocol: 'https'});

2. 修复文件读取与IPFS上传逻辑 #

你的代码还有两个小问题需要调整：

• FileReader的result是ArrayBuffer类型，IPFS需要的是Uint8Array，需要转换格式
• ipfs.add现在返回Promise，不要混合使用async/await和回调函数

修改后的完整代码如下：

const { create } = require('ipfs-http-client');
const ipfs = create({host: 'ipfs.infura.io', port: 5001, protocol: 'https'});
function App() {
  const [buffer, setBuffer] = useState();
  const handleChange = (event) => {
    event.preventDefault();
    const file = event.target.files[0];
    const reader = new window.FileReader();
    reader.readAsArrayBuffer(file);
    reader.onloadend = () =>{
      // 将ArrayBuffer转换为Uint8Array，适配IPFS的要求
      setBuffer(new Uint8Array(reader.result));
    }
  }
  const handleSubmit = async(event) => {
    event.preventDefault();
    console.log('submitting...')
    try {
      // 用await处理Promise，去掉回调函数，更符合async/await的规范
      const result = await ipfs.add(buffer);
      console.log('ipfs results:', result);
      // 这里可以添加后续逻辑，比如把返回的CID保存到状态或后端服务器
    } catch (error) {
      console.error('IPFS上传失败:', error);
      return;
    }
  }
}

额外说明 #

如果你一定要沿用旧版本的导出写法，可以降级ipfs-http-client到v49.x版本：

npm install ipfs-http-client@49.0.0

但更推荐使用新版本的API，它更符合现代JavaScript的异步编程规范，也能获得后续的功能更新和维护支持。

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