我提前为一个文本墙问题道歉。SPFx是一项从高层强制要求的新要求，我目前没有任何工作经验。
我创建了一个添加到github的普通SPFx项目，使其更容易。有太多的活动部件，无法将它们全部放在问题中。
https://github.com/cyberjetx/dtspfx/tree/AddDt
问题描述：
试图在SharePoint框架(SPFx(中使基本数据表在零配置的情况下工作，这对我来说是一个新的领域，高层要求我们将在intranet上使用SPFx或根本不使用SPFx。
我正试图记录这个过程，这样其他使用dt的人就有了一个基础，或者至少能够看到需要什么来将dt添加到他们的SPFxs中。这个过程在readme.md.中启动
在区域51 WebPart.ts
import 'datatables.net';
在main.js 中
$(document).ready(function () {
$('#example').DataTable();
});
在config.json中，我希望只使用dataTables-cdn中的组合文件。我也尝试过npm install --save datatables.net-dt，并在配置中链接为"path": "/node_modules/datatables.net/js/jquery.dataTables.min.js",，获得以下结果：
[17:03:22]错误-[webpack]"dist"："C： \code\dtspfx\node_modules\datatables.net\js\jquery.datatables.min.js"不存在。确保路径正确且相对于项目根
然而，它确实在那里，如果我复制并粘贴路径并在记事本中打开，它就在那里。
. . .
"externals": {
"jquery": {
"path": "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js",
"globalName": "jQuery"
}
,"datatables.net": {
"path": "/node_modules/datatables.net/js/jquery.dataTables.min.js",
// "path": "https://cdn.datatables.net/v/dt/jszip-2.5.0/dt-1.12.1/af-2.4.0/b-2.2.3/b-colvis-2.2.3/b-html5-2.2.3/b-print-2.2.3/cr- 1.5.6/date-1.1.2/fc-4.1.0/fh-3.2.4/kt-2.7.0/r-2.3.0/rg-1.2.0/rr-1.2.8/sc-2.0.7/sb-1.3.4/sp-2.0.2/sl-1.4.0/sr-1.1.1/datatables.min.js",
"globalName": "jQuery",
"globalDependencies": [
"jquery"
]
}
},
. . .
尝试删除此处的前导斜杠=>/node_modules/datatables/...。它可能在查看硬盘的根目录，而不是项目文件夹的根目录。
除此之外，你可能使用了一个错误的模板，如果你不使用它，你不需要react或typescript。你可以使用纯javascript来创建你的Web部件。
您可以使用jQuery和DataTable库在SPFx web部件中使用DataTable。
遵循以下文档和web部件获取详细代码：
- 将使用脚本编辑器web部件构建的jQuery和DataTables解决方案迁移到SharePoint Framework
- SharePoint Framework DataTable web部件示例
- 使用MUI表的DataTable