在 browserify 中需要 Angular 模块答案

【问题标题】：requiring angular modules in browserify在 browserify 中需要 Angular 模块
【发布时间】：2016-04-22 08:05:02
【问题描述】：

我在 loginModule.js 文件中编写了一个名为 loginModule 的模块。

var loginModule = angular.module('loginModule', []);

loginModule.controller('loginController', function ($scope) {
       $scope.userName = "Stack Overflow";
    });
});

我还有另一个模块叫做根模块，它依赖于 loginModule，所以正如 browserify 建议的那样，我在 rootModule.js 文件中需要它。

require('./modules/loginModule.js');

var rootModule = angular.module('rootModule', ['ngRoute','loginModule']);

rootModule.controller('loginController', function ($scope, $window) {
    $scope.sample = "Hello angular";
});

目录结构

| app  
| - modules  
| | - loginModule.js  
| - rootModule.js  
| gulpfile.js

但是当我的 gulp 任务尝试捆绑它们时，我不断收到此错误消息。

如果我的理解是正确的，捆绑只是将 JavaScript 文件连接成一个巨大的 JS 文件（通常称为 bundle.js），并且要连接的文件和依赖关系通过 require( '*.js') 在入口点文件中找到的语句。（这里是 rootModule.js）。

那么我在这里做的一切正确吗？有什么建议吗？我知道我错过了一些非常基本的东西......

【问题讨论】：

标签： javascript angularjs browserify

【解决方案1】：

刚刚在 github here 上发现了与您相同的问题的问题。
这个问题仍然悬而未决。不过，最后一篇文章说：

I was able to get it to work after installing a fresh node and npm, and reinstalling all my node_modules again.

所以，如果您使用的是nodejs 4.1、npm@3，您也可以尝试升级... :-)

【讨论】：