RequireJS无法正确加载对象：AngularJS项目Cornerstone依赖配置报错

算力阿峰

2026-5-20

嗨，这个问题我之前也碰到过，来给你拆解下原因和解决思路～

问题根源

你遇到的报错本质是RequireJS的模块注册机制和cornerstone的全局暴露逻辑不匹配：

当你用define("cornerstone", [], factory);时，RequireJS只是把这个模块注册到了自己的模块系统里，但并不会自动把它挂载到全局对象（比如浏览器里的window）上。而你的AngularJS项目里的其他代码，大概率是直接通过全局变量cornerstone来引用它的，不是用RequireJS的require或define依赖注入方式引入，自然就找不到这个变量了。
换成root["cornerstone"] = factory();后，你直接把factory执行后的结果挂载到了全局对象（这里的root应该是window的别名）上，项目里的其他代码就能通过全局变量正常访问到cornerstone了。

两种靠谱的解决办法

1. 兼顾AMD模块和全局访问（推荐）

如果你既想保留RequireJS的模块管理，又不想改太多现有代码，可以在define里同时注册模块并挂载全局：

define("cornerstone", [], function() {
  // 执行factory得到cornerstone实例
  var cornerstoneInstance = factory();
  // 挂载到全局对象，兼容原有代码的全局引用
  root["cornerstone"] = cornerstoneInstance;
  // 同时作为AMD模块返回，支持RequireJS的依赖注入
  return cornerstoneInstance;
});

2. 全量改用AMD规范引入

如果项目允许调整依赖方式，最好把所有依赖cornerstone的代码改成RequireJS的AMD风格，彻底摆脱全局变量依赖。比如在你的AngularJS模块里：

define(["angular", "cornerstone"], function(angular, cornerstone) {
  angular.module("myApp")
    .controller("ImageController", function() {
      // 直接使用注入进来的cornerstone，不用再依赖全局变量
      cornerstone.loadImage(/* 参数 */);
    });
});