错误：[$injector:modulerr] 由于（Angularjs）无法实例化模块 ui.grid答案

【问题标题】：Error: [$injector:modulerr] Failed to instantiate module ui.grid due to(Angularjs)错误：[$injector:modulerr] 由于（Angularjs）无法实例化模块 ui.grid
【发布时间】：2018-09-10 12:54:17
【问题描述】：

我的 Angularjs 应用程序需要一个表格，因此尝试使用来自 http://ui-grid.info/docs/#!/tutorial/101_intro 的 UI 网格，但出现问题并且控制台显示这样的错误：

未捕获的错误：[$injector:modulerr] 无法实例化模块 appModule，原因是：错误：[$injector:modulerr] 无法实例化模块 ui.grid，原因如下：错误：[$injector:nomod] 模块“ui.grid”不可用！您要么拼错了模块名称，要么忘记加载它。如果注册模块，请确保将依赖项指定为第二个参数。

你能检查一下代码吗

 //index.html

<body>
  <app></app>
  <script src="dist/bundle.js"></script>
</body>

// app.html

<table-transaction></table-transaction>

//table-transaction.html

 <div ui-grid="{ data: GridController.transactions }" class="table-transaction-grid" ></div>

//index.scss

@import "~normalize.css";

@import "~angular-ui-grid/ui-grid.css";

@import "./components/table-transactions/table-transactions";

//table-transaction.scss

.table-transaction-grid {
  width: 100%;
  height: 250px;
}

//index.js

import "./index.scss";

import angular from "angular";
import { appModule } from "./components/app/app";

angular.bootstrap(document.body, [appModule]);

//app.js

import angular from "angular";
import template from "./app.html";

import { tableTransactionModule } from "../table-transactions/table-transactions";

export const appModule = angular
  .module("appModule", [tableTransactionModule, "ui.grid"])
  .component("app", {
    template
  }).name;

//table-transaction.js

import angular from "angular";
import template from "./table-transactions.html";

export class GridController {
  constructor() {
    this.transactions = [
      {
        date: "01.03.2018",
        amount: "-300 USD",
        description: "soccer playing",
        tags: hobby,
        account: XBank,
        debitcard
      },
      {
        date: "17.03.2018",
        amount: "+1500 USD",
        description: "%% deposit",
        tags: "YBank's services",
        account: deposit 
      }
    ];
  }
}

export const tableTransactionModule = angular
  .module("tableTransaction", [])
  .component("tableTransaction", {
    controller: GridController,
    template
  }).name;

【问题讨论】：

您在哪里导入ui-grid.js 文件？我看到了 CSS，但没有看到 JS。

标签： angularjs angular-ui-grid ui-grid

【解决方案1】：

好像需要导入ui-grid.js

【讨论】：