Question

我无法将语义ui-calendar npm模块加载到我的应用程序中。

我已使用脚本标记

成功将其加载到我的HTML中

但每次我尝试将其加载到我的应用程序中时都会出错。

在标准的HTML / JS / CSS应用程序中，

我已经尝试将它加载到我的index.js中，如此

var Semantic = require('semantic-ui-calendar');


$(function() {


  $('#example1')Semantic.calendar();

});

我总是得到这个错误：“Uncaught SyntaxError：Unexpected identifier”

我已尝试将require语句放在“document ready”函数中，但无济于事。

我是否可以为模块分配任意变量值有点困惑。

documentation没有指定命名空间，所以我只使用Semantic作为我的变量名。我在这里错过了什么吗？

我怀疑的另一件事是因为这个软件包使用了Bower和Gulp（我真的不知道两件事），或许在浏览器中要求这个软件包有不同的协议？

有人能指出我正确的方向吗？拜托，谢谢！

Answer 1

问题是require实际上并不是浏览器实现它的香草js的一部分。 Bower / gulp以浏览器可以支持的方式添加它，但它还增加了一个额外的步骤，您必须为浏览器构建代码。

要使用require，您需要使用添加它的构建工具，并在源代码上执行额外的构建步骤。