javascript - 外部库引用在 Webpack 中有效，但在 Aurelia 内的 JSPM 中无效

Question

我正在尝试在我的 Aurelia 应用程序中使用 Datatables.net 库。

https://www.npmjs.com/package/datatables.net

问题是以下代码适用于 Aurelia 的 Webpack 版本。 JSPM 构建我收到错误

mytable.js:13 Uncaught (in promise) TypeError: $(...).dataTable is not a function(…)attached @ mytable.js:13attached @ aurelia-templating.js:2947attached @ aurelia-templating.js:1016attached @ aurelia-templating.js:1472attached @ aurelia-templating.js:1026attached @ aurelia-templating.js:1472(anonymous function) @ aurelia-framework.js:204

我将 "datatables.net": "npm:datatables.net@^1.10.11", 添加到我的 package.json 中，并执行 jspm install -y 和datatables.net 据说已安装。

View 模型:

import $ from 'jquery';
import dataTable from 'datatables.net';
export class MyTable{
  dataSet = [
      ['Ken','Husband','Home'],
      ['Barbie','Wife','Home']
    ];
  attached(){

    //console.log(dataTable);
    var dataSet = this.dataSet;
    //console.log(dataSet);
    //require( 'datatables.net' )( window, $ );
    $(() =>     $('#example').DataTable({ 
        select: true,
        data: dataSet,
        columns: [
        { title: "Name" },
        { title: "Position" },
        { title: "Office" }

        ]
    }) );
  }
 }

查看

<template>
  <div class="container" style="margin-top:20px">
    <div>test datatables</div>
    <table id="example" class="display" width="100%"></table>
  </div>

</template>

Answer 1

看起来已经在jspm中设置了:https://github.com/jspm/registry/blob/master/package-overrides/github/DataTables/DataTables@1.10.4.json

只需通过其别名安装即可:

jspm 安装数据表

响应式也有覆盖:和 https://github.com/jspm/registry/blob/master/package-overrides/github/DataTables/Responsive@1.0.4.json

但我认为你必须像这样安装它:

jspm安装github:DataTables/Responsive@1.0.4