AngularJS .Run方法未执行求助：模块疑似未运行

嘿，我来帮你搞定这个.run方法不生效的问题！你提到两种写法都只打印了console 1，这大概率是你用require引入代码的方式和AngularJS的.run要求不匹配导致的，咱们一步步来分析：

你尝试过的两种写法 #

Type 1 #

// index.js ---type 1 // .run not working...
var myServiceToRun = require('./myservice.js');
var mod = angular.module('myApp',[]);
mod.run(myServiceToRun);
module.exports = mod;

Type 2 #

// index.js --- type 2 // not working too
var myServiceToRun = require('./myservice.js');
var mod = angular.module('myApp',[]);
module.exports = mod;

问题根源分析 #

AngularJS的.run()方法需要接收一个可执行的函数（或者带依赖声明的数组形式），但你的myservice.js导出的内容可能不符合要求：

• 如果它是一个Angular服务（比如用.factory/.service定义的），直接传给.run()是无效的，因为.run需要的是初始化逻辑，不是服务本身；
• 如果它是一个普通函数，直接require后传给.run可能会导致Angular的依赖注入失效，因为Angular无法识别函数的参数依赖。

解决方案 #

根据你的myservice.js的实际用途，分两种情况处理：

情况1：myservice.js是初始化逻辑函数 #

如果myservice.js里就是要在.run中执行的初始化代码，那它需要导出一个能接收Angular依赖的函数，并且在.run中用数组形式声明依赖：

修正后的myservice.js

// myservice.js
// 导出一个带依赖的初始化函数
module.exports = function($rootScope) {
  console.log("console 2 - .run方法执行了");
  // 这里写你的初始化逻辑，比如监听事件、初始化数据等
};

修正后的index.js

var myRunInit = require('./myservice.js');
var mod = angular.module('myApp', []);
// 用数组形式声明依赖，确保Angular能正确解析参数
mod.run(['$rootScope', myRunInit]);
module.exports = mod;

情况2：myservice.js是Angular服务 #

如果myservice.js是一个需要注册的Angular服务，那你需要先注册服务，再在.run中注入并调用它的初始化方法：

修正后的myservice.js

// myservice.js
// 导出一个注册服务的函数
module.exports = function(appModule) {
  appModule.factory('myService', function() {
    return {
      init: function() {
        console.log("console 2 - 服务初始化完成");
        // 服务的初始化逻辑
      }
    };
  });
};

修正后的index.js

var registerMyService = require('./myservice.js');
var mod = angular.module('myApp', []);
// 先注册服务
registerMyService(mod);
// 在.run中注入服务并调用初始化方法
mod.run(['myService', function(myService) {
  myService.init();
}]);
module.exports = mod;

额外注意事项 #

如果你用的是browserify/webpack这类打包工具，要确保：

1. AngularJS的脚本在你的模块代码之前加载，保证angular全局对象存在；
2. 打包后的代码正确包含了所有依赖文件，没有加载顺序问题。

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