未处理的拒绝 (TypeError)：fs.createReadStream 不是函数。图片上传到 ipfs(pinata) 时出错

Question

我试图从我的 react js 前端应用程序将图像上传到 pinata ipfs 云。但它向我显示错误：Unhandled Rejection (TypeError): fs.createReadStream is not a function。 .

这是我的代码 sn-p：

require('dotenv').config();
const fs = require('fs');

const axios = require('axios');
const FormData = require('form-data');

const key = process.env.REACT_APP_PINATA_KEY;
const secret = process.env.REACT_APP_PINATA_SECRET;

export const pinFileToIPFS = async (filePath) => {
const url = "https://api.pinata.cloud/pinning/pinFileToIPFS";
//we gather a local file for this example, but any valid readStream source will work here.
let data = new FormData();
data.append('file',fs.createReadStream(filePath));

return axios.post(url,
    data,
    {
        maxContentLength: 'Infinity', //this is needed to prevent axios from erroring out with large files
        headers: {
            'Content-Type': `multipart/form-data; boundary=${data._boundary}`,
            'pinata_api_key': key,
            'pinata_secret_api_key': secret
        }
  })
  .then(function (response) {
      //handle response here
      return {
        success: true,
        pinataUrl: "https://gateway.pinata.cloud/ipfs/" + response.data.IpfsHash
    };
  })
  .catch(function (error) {
      //handle error here
      console.log(error)
        return {
            success: false,
            message: error.message,
        }
  });
};

如何解决它或者有什么方法可以做到这一点而不是使用'fs'？

Answer 1

1. 'fs' 包已被视为恶意软件，来自github security placeholder 页面：“此包包含恶意代码，已被 npm 安全团队从注册表中删除...”。我不建议使用它。
2. 错误消息指定(TypeError): fs.createReadStream is not a function.
3. 在研究过程中，我发现fs-extra npm 包是fs 的一个很好的替代品。

使用 fs-extra，您可以使用 readJson（许多 methods 之一）方法通过 callback、promises 或 async/await 执行它，例如：

const fse = require('fs-extra');

...

try {
    const fileObject = await fse.readJson(filePath);
    data.append('file', fileObject);
    console.log(fileObject);
} catch (err) {
    console.error(err);
}

...

如果这不起作用，请根据此node.js example 尝试以下操作：

1. 使用 createReadStream 方法创建变量：

 // This line opens the file as a readable stream
let readStream = fs.createReadStream(filePath);

1. 按照预期使用以下内容来检索响应并捕获任何错误

  // This will wait until we know the readable stream is actually valid before piping
  readStream.on('open', function () {
    // This just pipes the read stream to the response object (which goes to the client)
    readStream.pipe(res);
    // in your case:
    data.append('file', res);
  });

  // This catches any errors that happen while creating the readable stream (usually invalid names)
  readStream.on('error', function(err) {
    res.end(err);
  });