在一个简单的 angular 应用程序上运行 browserify 时发出问题

Question

我正在初步尝试使用 node/npm/browserify 构建我的 angular 应用程序。 ./app/controllers、./app/directives、./app/services 基本上有 index.js 个文件，而这些文件又需要（）js 文件！下面是根 js 文件，即 public/index.js.

require('./app/controllers/');
require('./app/directives/');
require('./app/services/');

var app = angular.module('myApp', ['ngRoute'])

app.config(function($routeProvider) {
    $routeProvider
    .when("/movie/:movieId", {
        template: require('./views/movie.html'),
        controller: 'MovieCtrl as movie'
    })
    .when("/movie/:movieId/scene/:sceneId", {
        template: require('./views/scene.html'),
        controller: 'SceneCtrl as scene'
    });
});

module.exports = app;

现在在运行下面的命令之后我确实得到了一个 bundle.js 然而，

browserify public/index.js -o release/bundle.js

但是，bundle.js 中的下面一行会抛出错误 "Uncaught ReferenceError: app is not defined"

app.controller('MainCtrl', function ($route, $routeParams, $location, MyFactory) {

现在，我假设因为在 index.js 中指定了 var app，所以它应该可以在 MainCtrl.js 中访问。有人可以建议我如何完成这项工作吗？

----- 添加更多信息 ------ app/controllers/index.js 包含以下代码：-

require('./MainCtrl.js')
require('./MovieCtrl.js')
require('./SceneCtrl.js')

并且 MainCtrl.js 包含以下代码：-

app.controller('MainCtrl', function ($route, $routeParams, $location, MyFactory) {
    //...
})

Answer 1

我不知道你代码中的那一行在哪里...从问题中看不清楚，但无论如何：

Now, i was assuming because var app is specified in index.js it should be accessible in MainCtrl.js.

这个假设是错误的。当您实例化您包含的任何内容时，您将需要传递对您需要的任何内容的引用。

例如..

var mainCtrl = new MainCtrl(app);

Answer 2

好的，所以我有点明白发生了什么事。 var app 是本地的，无法在其他任何地方访问。一旦我将应用程序设置为全局范围（这显然是一件可怕的事情！）并在声明应用程序后需要文件，它就起作用了。这主要不是正确的做法，但正如我所提到的，这是一个非常初步的尝试。

app = angular.module('myApp', ['ngRoute'])

app.config(function($routeProvider) {
    $routeProvider
    .when("/movie/:movieId", {
        template: require('./views/movie.html'),
        controller: 'MovieCtrl as movie'
    })
    .when("/movie/:movieId/scene/:sceneId", {
        template: require('./views/scene.html'),
        controller: 'SceneCtrl as scene'
    });
});

require('./app/controllers/');
require('./app/directives/');
require('./app/services/');

在一个简单的 angular 应用程序上运行 browserify 时发出问题

Issue while running browserify on a simple angular app

node.js

angularjs

browserify

在一个简单的 angular 应用程序上 运行 browserify 时发出问题

Issue while running browserify on a simple angular app

node.js

angularjs

browserify

在一个简单的 angular 应用程序上运行 browserify 时发出问题