javascript - Uncaught Error : [$injector:modulerr] Failed to instantiate module due to:

标签 javascript html angularjs requirejs

首先,我必须说,我已经查看了与我的问题相关的所有现有问题,但没有发现任何内容可以解决我的问题。

Uncaught Error: [$injector:modulerr] Failed to instantiate module Arrows due to:
Error: [$injector:nomod] Module 'Arrows' is not available! You either misspelled the         
module     name or forgot to load it. If registering a module ensure that you specify ...    
<omitted>...2) 

我的index.html:

<html ng-app='Arrows'>
    <head>
        <title>Arrows</title>
        <script data-main="app" src="modules/require.js"></script>
        <link rel="stylesheet" type="text/css" href="styles/style.css">
        <script src="modules/angular-1.2.21/angular.js"></script>
        <script src="modules/angular-1.2.21/angular-route.js"></script>
    </head>
    <body ng-controller='menuController'>       
        <div ng-view>
            {{ message }}
        </div>  
    </body>
</html>

我的app.js:

define([
    './controller/menu',
    './controller/game'
], function( 
    menu,
    game
) {

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

    Arrows.config(function($routeProvider) {
        $routeProvider
            .when('/', {
                templateUrl : 'pages/menu.html',
                controller  : 'menuController'
            })
            .when('/game', {
                templateUrl : 'pages/game.html',
                controller  : 'gameController'
            })
            .otherwise( {
                redirectTo: '/', 
                controller: 'menuController'
            }); 
    });

    Arrows.controller('gameController', function($scope) {
        $scope.message = 'hello! Its working!';
    });

    Arrows.controller('menuController', function($scope) {
        $scope.message = 'hello! Its working!';
    });
});

不知道该做什么。我的意思是,我加载了 angular-route.js,有关此错误的大多数问题的答案是什么。我确保在 html 标签内写入 ng-app='Arrows'

最佳答案

当你使用 require.js 时,你必须以特殊的方式引导你的 AngularJS 应用程序。阅读这篇文章 - https://www.startersquad.com/blog/angularjs-requirejs/ - 并尝试将其中描述的内容纳入您的具体案例。

最后你会使用类似的东西

define([
   'require',
   'angular'
], function (require, ng) {
    'use strict';

    require(['domReady!'], function (document) {
       ng.bootstrap(document, ['Arrows']);
   });
});

关于javascript - Uncaught Error : [$injector:modulerr] Failed to instantiate module due to:,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25230752/

相关文章:

javascript - 使用 Javascript 和/或 JQuery,如何根据类查找后代元素?

html - 无法在 css div 中选择输入表单

json - 如何在angularJS中将数据写入文件

angularjs - 如何一起使用 ng-polymer-elements 、 angularjs 和 requirejs?

javascript - Angular.js 与 PHP MVC (Codeigniter) 的混淆

javascript - 如何生成React Native项目的apk或ios文件

javascript - 是否可以使用 Wordpress CMS 更改 SCSS 变量?

javascript - 无法停止页面重新加载

python - 如何在保留 html 标签/结构的同时查找/替换 html 中的文本

javascript - 创建动态命名的 JavaScript 对象?