如何将 angularJS 模块加载到应用程序中？答案

【问题标题】：How do load the angularJS module into an application?如何将 angularJS 模块加载到应用程序中？
【发布时间】：2016-04-08 16:30:27
【问题描述】：

我收到以下错误：

第 24 行第 180 列未处理的异常 https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js

0x800a139e - JavaScript 运行时错误：[$injector:nomod] http://errors.angularjs.org/1.4.8/$injector/nomod?p0=undefined,

我在页面中加载了我的脚本，除了 app.js 和项目中控制器的模块之外，我没有引用任何 JavaScript 文件，如下所示：

  <head>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
        <script src="Scripts/someApp.js"></script>
        <script src="Scripts/someModule.js"></script>
        <title>Box labeling Program</title>
    </head>
    <body ng-app="someApp">
<div ng-controller="someCtrl">
</div>
</body>
</html>

我认为下面需要的 angularJS (someApp.js)：

angular.module('someApp'['someModule'])
.config([function () {
    console.log("Config hook")
}])
.run([function () {
    console.log("Run the hook");
}])

angular.min.js 似乎有问题，它似乎不知道它需要从引用中得到什么对象。我已将脚本的位置更改为 body 标记下方，但这似乎没有任何改变。

另外，这是我怀疑我需要用于创建控制器的东西，

angular.module('someModule', [])
.config([function () {
    console.log("Some Module:: config");
}])
.run([function () {
        console.log("Some Module:: running");
}])

.controller('SomeCtrl', ['$scope', function ($scope) {
    $scope.theName ="Julie"
}])
}])

【问题讨论】：

更改加载顺序，使依赖注入的模块在被调用之前加载
你指的是javascript文件中的模块吗？
是指角度模块。您的应用文件加载了一个依赖项，该依赖项在它之后加载
还可以使用完整的 Angular 开发版本来获得更详细的错误和堆栈跟踪输出。缩小版仅提供有错误的文档站点的链接
我将脚本的顺序更改为

标签： javascript angularjs web-services dependencies

【解决方案1】：

如果这是您的实际代码，那么您在 'someApp' 和注入的依赖项 ['someModule'] 之间缺少逗号。尽管 Angular 给出了非常通用的错误消息，但您可以通过它是运行时错误这一事实来推断出这一点。这表明代码中的错误而不是逻辑错误。它还指出：[$injector:nomod]。这意味着没有要注入的模块。

如果这只是您的代码的近似值，而不是实际代码，那么我们真的无法为您提供帮助。我之所以这么说，是因为您提供的内容非常通用，并且要么是您正在执行的练习，要么是您出于某种原因试图隐藏代码。如果是这样，那么我们提供帮助的能力是有限的。

【讨论】：

此代码只是尝试使用的代码示例。我以前曾经遇到过这个问题。虽然不确定如何解决它，但尝试应用它的代码确实没有太大变化。
那么，你确定你的模块名和依赖是用逗号分隔的吗？因为他们不在这段代码中sn-p
是的，我把它改成了： angular.module('mainApp', ['mainModule']) .config([function () { console.log("Config hook") } ]) .run([function () { console.log("Run the hook"); }])
虽然现在运行应用程序时出现 403.14 错误页面。
嗯 403 是一个禁止的错误代码。具体意味着您的目录列表被拒绝。无论您遇到什么问题，除非您实际提供代码及其上下文，否则我们将无法提供帮助。