Question

我在这个项目中使用AngularJS，bower和gulp。

我们的项目决定从ui-grid转移到ag-grid。

我在这个过程中遇到了很多错误。其中一些是我修复的，但由于agGrid没有定义导致的错误 ReferenceError：无法找到变量：agGrid。

这是我bower.json的一部分。请注意ag-grid dependecies和main，因为项目是非common.js。

"overrides": {
    "js-xlsx": {
      "dependencies": {
        "angular": "*"
      }
    },
    "ag-grid-enterprise": {
      "dependencies": {
        "angular": "1.4.12"
         },
         "main": [
            "dist/ag-grid-enterprise.min.js",
            "dist/ag-grid-enterprise.css"
         ]
       },
    }
...

这删除了未定义的＆＃39;要求＆＃39;方法错误。

我仍然无法摆脱错误

未捕获错误：[$ injector：modulerr]由于以下原因无法实例化模块repoTrader：错误：[$ injector：nomod]模块＆＃39; repoTrader＆＃39;不可用！您要么错误拼写了模块名称，要么忘记加载它。如果注册模块，请确保将依赖项指定为第二个参数。

当我运行gulp serve时，它会给我更详细的错误消息，

ReferenceError：无法找到变量：agGrid 在src / app / index.js：1

，此行号指的是下面代码块的第一行。

agGrid.LicenseManager.setLicenseKey('BlackRock__MultiApp_25Devs27_June_2018__MTUzMDA1NDAwMDAwMA==d04fcd9b31abb75cb7e6148a9906ba79');
agGrid.initialiseAgGridWithAngular1(angular);
var app = angular.module('app', ['agGrid', 'ngAnimate', 'ngCookies', 'ngTouch', 'ngSanitize', 'ngResource', 'ngRoute','ui.bootstrap', 'ngMessages', 'ngAria', 'toastr', 'highcharts-ng', 'angularSpinner', 'ui.multiselect', 'XLSX']);

我使用wiredep从凉亭加载脚本。

<script src="../bower_components/ag-grid-enterprise/dist/ag-grid-enterprise.min.js"></script>

这是我在chrome检查模式的元素中看到的。非常感谢任何帮助，非常感谢！

Answer 1

我已经从“dist / ag-grid-enterprise.min.js”更改为“dist / ag-grid-enterprise.js”，在覆盖部分，现在它正常工作。

导致未捕获错误的ag-grid：[$ injector：modulerr]无法实例化模块

1 个答案: