在Angular 4 + SystemJS（angular-seed）中集成SheetJS时出错

你遇到的核心问题是SystemJS没有正确解析SheetJS模块的导出结构——虽然能成功导入xlsx包，但模块内部的utils对象没有被正确映射到你的代码中。下面是几个针对性的解决方案，按优先级尝试：

1. 修正SystemJS配置的导出映射 #

SheetJS的浏览器bundle（比如xlsx.core.min.js）会在全局作用域暴露XLSX对象，但SystemJS默认不会自动关联这个全局对象到你的模块导入。你需要在project.config.ts的配置里明确指定导出的全局变量：

{
  name: 'xlsx',
  path: 'node_modules/xlsx/dist',
  packageMeta: {
    defaultExtension: 'js',
    main: 'xlsx.core.min.js',
    // 关键：告诉SystemJS这个模块的导出对应全局的XLSX对象
    exports: 'XLSX',
    // 可选：指定模块格式为全局脚本，确保加载逻辑正确
    format: 'global'
  }
}

如果之前修改过seed.config.ts的meta配置，也要同步调整：

meta: {
  'xlsx': {
    format: 'global',
    exports: 'XLSX',
    scriptLoad: true // 强制以脚本方式加载，确保全局对象被注册
  }
}

2. 确认导入方式与模块完整性 #

• 确保组件中的导入方式正确：

import * as XLSX from 'xlsx';

• 在调用方法前先打印XLSX对象，确认utils属性是否存在：

console.log('XLSX对象:', XLSX);
console.log('XLSX.utils:', XLSX.utils); // 如果这里是undefined，说明配置仍有问题

• 若xlsx.core.min.js确实缺失部分工具（理论上core版包含基础utils），可以尝试替换为完整的xlsx.min.js，修改配置中的main字段为xlsx.min.js。

3. 清理SystemJS缓存并重启服务 #

SystemJS的缓存可能会保留旧的配置，导致新设置不生效：

• 删除node_modules/.cache目录（如果存在）
• 停止当前开发服务器，重新执行npm start或对应的启动命令

4. 验证模块加载顺序 #

确保xlsx模块在你的组件代码之前被加载。在angular-seed中，你可以在project.config.ts的additionalPackages里把xlsx的配置放在靠前位置，或在systemConfigPackages中明确加载顺序。

按这个流程调整后，应该就能正常访问XLSX.utils.aoa_to_sheet方法了。

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