NG-TABLE - 不匹配的匿名 define() 模块答案

【问题标题】：NG-TABLE - mismatched anonymous define() moduleNG-TABLE - 不匹配的匿名 define() 模块
【发布时间】：2023-03-30 18:25:01
【问题描述】：

我正在尝试将 ngTable 与 require.js 和 head.js 一起使用，但出现以下错误：

未捕获的错误：不匹配的匿名 define() 模块：

function (angular) {
return factory(angular);
}

这是我的要求配置：

(function(head){
        'use strict';
        head.js(
            { jquery: "../vendor/jquery/dist/jquery.js"},
            { require: "../vendor/requirejs/require.js" },
            { angularjs: "../vendor/angular/angular.js" },
            { uiRouter: "../vendor/angular-ui-router/release/angular-ui-router.js" },
            { angularTable: "../vendor/ng-table/ng-table.js"}
        ).ready("ALL", function(){
            require.config({
                appDir: '',
                baseUrl: '',
                paths: {
                },
                shim: {
                    angularjs: {
                        deps: ['jquery'],
                        exports: 'angular'
                    },
                    uiRouter: {
                        deps: ['angularjs'],
                        exports: ""
                    },
                    angularTable:{
                        deps: ['jquery', 'angularjs'],
                        exports: ""
                    }
                }
              });
              require(['config'], function(config){
                  // app bootstrap and start
              });
        });
    }(window.head));

谁能帮我解决这个问题？

【问题讨论】：

标签： angularjs requirejs ngtable

【解决方案1】：

我不熟悉head.js，但通过一些搜索，您似乎正在使用它来加载 jQuery、AngularJS 等。然后，在 RequireJS 中，您的代码将 jQuery、AngularJS 等列为依赖项。您通常不能同时拥有这两种方式：在 RequireJS 外部和内部加载 RequireJS 模块。在不了解您的应用程序的情况下，最合适的解决方案是使用 RequireJS 加载所有模块。

【讨论】：

【解决方案2】：

好吧，我不久前发现了问题，但我没有时间发布它。 RequireJs 文档说必须加载所有通过 RequireJs 调用定义的脚本（ngTable 中确实有一个定义调用）。正如您在上面看到的，我正在使用 head.js 加载 ngTable。解决方案是从 ngTable 中删除该定义调用。希望它可以帮助某人！

【讨论】：

我不喜欢删除 UMD 标头的解决方案，因为它破坏了 Bower 依赖管理。