个人中心
gpt4 book ai didi

javascript - 模块 'angular' 不可用

转载 作者：行者123 更新时间：2023-11-28 01:37:13 26 4
gpt4 key购买 nike

我有一个在 EC2 上运行的演示站点，我推送了 AngularJS 应用程序的一个版本，现在一切似乎都损坏了。我正在使用 AngularJS 1.2 和 RequireJS 2.1。我有一个 modules/main_prod.js 文件。它看起来像这样:

(function (require) {
    "use strict";
    require.config({
        paths: {
            'jquery': '../js3p/jquery',
            'jquery-ui': '../js3p/jquery-ui',
            'jquery.ui.widget': '../js3p/jquery.ui.widget',
            'bootstrap': '../js3p/bootstrap',
            'angular': '../js3p/angular',
            'angular-sanitize': '../js3p/angular-sanitize',
            'ngUi': '../js3p/angular-ui',
            'ui.bootstrap': '../js3p/ui-bootstrap-tpls-0.6.0-SNAPSHOT',
            'ngCalendar': '../js3p/calendar',
            'angular-ui-router': '../js3p/angular-ui-router',
            'uikeypress': '../js3p/keypress',
            'dtPicker': '../js3p/bootstrap-datetimepicker.min',
            'fileUpload': '../js3p/jquery.fileupload',
            'fullcalendar': '../js3p/fullcalendar',
            'iframeTransport': '../js3p/jquery.iframe-transport',
            'lodash': '../js3p/lodash',
            'moment': '../js3p/moment',
            'restangular': '../js3p/restangular',
            'typeahead': '../js3p/typeahead'
        },
        shim: {
            'jquery': { deps: [] },
            'jquery-ui': { deps: ['jquery'] },
            'jquery.ui.widget': { deps: ['jquery'] },
            'bootstrap': { deps: ['jquery'] },
            'angular': { deps: ['jquery'], exports: 'angular' },
            'angular-sanitize': { deps: ['angular'] },
            'ngUi': { deps: ['angular'] },
            'ui.bootstrap': { deps: ['angular', 'ngUi'] },
            'ngCalendar': { deps: ['jquery', 'jquery-ui', 'fullcalendar', 'angular'] },
            'angular-ui-router': { deps: ['angular', 'ngUi'] },
            'uikeypress': { deps: ['angular', 'ngUi'] },
            'dtPicker': { deps: ['jquery', 'bootstrap', 'moment'] },
            'fileUpload': { deps: ['jquery', 'jquery-ui', 'bootstrap', 'iframeTransport'] },
            'fullcalendar': { deps: ['jquery', 'jquery-ui'] },
            'iframeTransport': { deps: ['jquery', 'jquery-ui'] },
            'lodash': { deps: [] },
            'moment': { deps: ['jquery'] },
            'restangular': { deps: ['angular', 'lodash'] },
            'typeahead': {deps: ['jquery', 'bootstrap'] }
        },
        priority: ['angular']
    });

    require(['angular',
             'angular-ui-router'],
        function (angular, routes) {
            require(['angular', 'app'], function (angular) {
                angular.bootstrap(document, ["app"]);
            });
        });
}(require));

当我加载页面时，我看到所有这些库都在加载。我什至看到页面加载，看起来 Angular 的一半正在工作(我看到填充的指令等等)。任何受 ng-show 属性约束的东西似乎都不起作用(应该隐藏时显示)，但我在 AngularJS 中的重定向确实起作用。每次页面加载都会将其放入控制台:

Error: [$injector:modulerr] Failed to instantiate module angular due to:
[$injector:nomod] Module 'angular' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
...

如果需要更多代码，请告诉我，我很乐意提供。我在这里完全不知所措。

最佳答案

所以我就来找问题了。我的工作地点是 ngStart种子项目，当它进行部署构建时，它会更改index.html文件的顶部:

<!doctype html>
<!--(if target build)>
      <html ng-app="angular" manifest="project.manifest">
<!(endif)-->
<!--(if target local)> -->
<html xmlns="http://www.w3.org/1999/xhtml">
<!--<!(endif)-->
<head>

此 ng-app="angular" 是错误消息的实际原因。我删除了它，一切都按预期运行。

关于javascript - 模块 'angular' 不可用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21393269/

26 4 0
文章推荐： android - Superpowered SDK - 实时过滤器
文章推荐： javascript - 分机JS : How to configure combobox as multiselect and singleselect at runtime?
文章推荐： html - 向文本/搜索输入添加清除十字按钮并使其 float 在文本旁边
文章推荐： c++ - 将 DriverVersion 转换为人类可读格式
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com