使用 node.js 部署 slickgrid 的最少步骤是什么？答案

【问题标题】：what are the minimum steps to deploy slickgrid with node.js?使用 node.js 部署 slickgrid 的最少步骤是什么？
【发布时间】：2021-02-18 07:01:26
【问题描述】：

节点 v12.20.2
npm v6.14.11

slickgrid 的 node.js 示例并不多。

编辑：

使用下面的操作，我设法让 slickgrid 加载没有错误，但是没有网格，列名，然后是数据，只是像列表一样垂直枚举。

$ npm install slickgrid
$ npm install jquery
$ npm install jquery-ui-dist

然后我必须将jquery.event.drag-2.3.0.js 从the repository 的lib 目录复制到我的项目文件夹中。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Test</title>
        <style>
        </style>
    </head>
    <body>
        <div id="mydiv" style="height: 500px; width: 500px;"></div>
    </body>
    <script>
        var jQuery = require('jquery');
        require('jquery-ui-dist/jquery-ui');
        require('./jquery.event.drag-2.3.0');
        require('slickgrid/slick.core');
        require('slickgrid/slick.grid');
                
        function test() {
            var columns = [
                {id: "column1", name: "Column1", field: "column1"},
                {id: "column2", name: "Column2", field: "column2"}
            ];

            var data = [
                {
                    column1: "Test1",
                    column2: "Test2"
                }
            ];

            var options = {}

            new Slick.Grid("#mydiv", data, columns, options);
        }

        window.onload = test();
    </script>
</html>

【问题讨论】：

标签： javascript node.js slickgrid

【解决方案1】：

有一些看起来不对的地方可能没有帮助

您的require('slickgrid') 错误，应该是require('slickgrid/slick.grid')，并且它应该在导入的前几行的函数之外。
您缺少的另一件事是 jQueryUI 导入，我将它与来自 npm 的缩小的 dist 包和require('jquery-ui-dist/jquery-ui') 一起使用
您还必须实例化它，但您不需要实例化它，您需要调用 new Slick.Grid(...) 并且您不能为其设置别名，它确实必须为 Slick.Grid，因为这是在 jQuery 命名空间中定义的
这最后一步是额外的，但如果你有 linting 问题，你可能需要在你的 eslint 中将Slick 作为一个可用的全局变量来避免红色波浪，在我使用 TypeScript 的情况下，我这样做是declare const Slick: any;以避免掉毛错误。

如果您仍然有问题，您可以检查我的 TypeScript 实现 here 用于我的 Slickgrid-Universal 库（它是 6pac/SlickGrid 叉形顶部的包装器）

【讨论】：

使用您提供的信息改编的问题。
在您更新的问题中，您完全缺少网格的 CSS 样式，我无法为您提供我的，因为我的库是特定于我的库的，但是如果您转到任何 SlickGrid 示例，您会看到它引用了您缺少的多个 CSS 样式文件