Slick.Grid不是构造函数
Slick.Grid不是构造函数
提问于 2018-10-29 11:35:33
我在Symfony4上使用slickgrid
Symfony4采用webpack系统。
所以我的源代码是这样的，
但是它显示了错误
Slick.Grid is not a constructor
通常，这个错误意味着它不会加载变量，但是我找不出哪里出了问题。
在app.js中
var $ = require('jquery');
require('bootstrap');
require('slickgrid');
console.log(Slick); // it shows in console `{Event: ƒ, EventData: ƒ, EventHandler: ƒ, Range: ƒ, NonDataRow: ƒ, …}`
$(document).ready(function() {
var grid;
var columns = [
{id: "title", name: "Title", field: "title"},
{id: "duration", name: "Duration", field: "duration"},
{id: "%", name: "% Complete", field: "percentComplete"},
{id: "start", name: "Start", field: "start"},
{id: "finish", name: "Finish", field: "finish"},
{id: "effort-driven", name: "Effort Driven", field: "effortDriven"}
];
var options = {
enableCellNavigation: true,
enableColumnReorder: false
};
var data = [];
for (var i = 0; i < 500; i++) {
data[i] = {
title: "Task " + i,
duration: "5 days",
percentComplete: Math.round(Math.random() * 100),
start: "01/01/2009",
finish: "01/05/2009",
effortDriven: (i % 5 == 0)
};
}
grid = new Slick.Grid("#myGrid", data, columns, options);
});回答 1
Stack Overflow用户
回答已采纳
发布于 2018-10-29 11:49:00
Slickgrid是一个写得很差的库，有一些糟糕的行为，比如依赖全局变量，依赖window对象，仅仅通过加载库就会产生副作用。
选项1
要在现代项目中使用这种危险设计的库，您需要使用它们的现代分支。请改用slickgrid-es6。
选项2
如果你想继续在npm中使用非现代版本，看起来你需要这样做：
require('slickgrid/slick.core.js')
require('slickgrid/slick.grid.js')然后，您将可以访问全局Slick和Slick.Core。不推荐这样做，因为该库遵循糟糕的做法，而且尽管发布到npm，但并不遵循任何npm标准。尤其可怕的是，npm包中根本没有记录这一点。它被更新到最新与这个问题无关。
选项3
或者，如果您不喜欢使用构建工具，则可以简单地包含SlickGrid脚本标记并使用全局变量Slick和Slick.Grid。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/53038410
复制相关文章
相似问题
腾讯云开发者
