javascript - 使用 Meteor (NPM) 导入库 jqGrid

Question

我用 Meteor 执行一个项目，我想使用 free-jqgrid .

但是我不知道如何正确导入这个库...

我尝试过:

• 导入'free-jqgrid';
• 从 'free-jqgrid' 导入 jqGrid；
• 导入'free-jqgrid/js/jquery.jqgrid.min';

在我的代码中，我像这样使用 qGrid “入门”:

angular.element('#grid').jqGrid({
    colModel: [
// ...

我在客户端收到此错误: 错误:angular.element(...).jqGrid 不是函数

有什么想法吗？ :-)

非常感谢。

Answer 1

抱歉，我自己不使用 Meteor。此外，我使用 requireJs 或 SystemJs 而不是 CommonJS 模块。可能是 free-jqgrid 目前作为 CommonJS 模块使用时存在一些问题。

尽管如此，我还是安装了 Meteor 环境并做了一些测试。因此，我可以建议您采用以下解决方法。您可以插入该行

jqGrid(window,$);

紧接着

import jqGrid from 'free-jqgrid';

或之后

import jqGrid from 'free-jqgrid/js/jquery.jqgrid.src';

如果您更喜欢使用 jqGrid 的非最小化源。

您不应该忘记导入/包含 jQuery UI CSS 或 Bootstrap CSS 以及导入 free-jqgrid CSS:

import 'free-jqgrid/css/ui.jqgrid.min.css';

此外，您还可以考虑从 CDN 加载 jQuery UI CSS、Font Awesome 和免费 jqGrid。请参阅here和 here了解更多详情。