在Microsoft Office Excel插件中用JS转Base64为CSV遇Blob错误求助

问题场景 #

在Microsoft Office Excel插件中实现Base64字符串转CSV功能，编写的代码如下：

// 获取base-64字符串
let base_64_string = [base-64-string];

// 解码base-64字符串
let csvContent = atob(base_64_string);

// 将解码后的字符串转为csv
var blob = new Blob([csvContent], {type: "data:application/octet-stream;base64"});

编译时出现如下警告错误：

Compiled with problems:

WARNING in ./src/taskpane/taskpane.js 310:17-21

export 'Blob' (imported as 'Blob') was not found in 'buffer' (possible exports: Buffer, INSPECT_MAX_BYTES, SlowBuffer, kMaxLength)

错误原因 #

1. 代码中可能错误地从Node.js的buffer模块导入了Blob，但Blob是浏览器原生API，buffer模块并不提供这个导出。
2. Blob的MIME类型设置错误，解码后的内容是明文CSV字符串，不需要带base64标识的类型。

解决方案 #

1. 移除错误的Blob导入 #

检查代码中是否存在类似import { Blob } from 'buffer'的语句，直接删除该导入——浏览器环境下Blob是全局可用的。

2. 修正Blob的MIME类型 #

将Blob的type改为text/csv;charset=utf-8，匹配CSV文件的正确类型：

var blob = new Blob([csvContent], { type: "text/csv;charset=utf-8" });

3. 适配Excel插件的原生处理方式（推荐） #

如果需要将CSV直接导入到Excel工作表，使用Office JS API更贴合插件环境，避免Blob处理的兼容性问题：

// 获取base-64字符串
let base_64_string = "[base-64-string]";

// 解码base-64字符串
let csvContent = atob(base_64_string);

// 使用Office JS API导入CSV到Excel
Excel.run(async (context) => {
  // 创建新工作表
  const worksheet = context.workbook.worksheets.add("CSV导入结果");
  // 拆分CSV为二维数组
  const rows = csvContent.split("\n").map(row => row.split(","));
  // 将数据写入工作表
  worksheet.getRange("A1").getResizedRange(rows.length - 1, rows[0].length - 1).values = rows;
  await context.sync();
}).catch(err => {
  console.error("导入失败：", err);
});

4. 修复Webpack打包问题（若适用） #

如果是Webpack打包导致全局Blob被错误替换，在webpack配置文件中添加以下配置：

module.exports = {
  // 其他配置...
  resolve: {
    fallback: {
      "buffer": false
    }
  }
};

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