需求/import报表不起作用

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

我已经成功地使用脚本标记将其加载到我的HTML中,

但每次我尝试将其加载到我的应用程序,我得到的错误。

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

我已经尝试加载到我的index.js像这样

var Semantic = require('semantic-ui-calendar'); $(function() { $('#example1')Semantic.calendar(); }); 

我总是得到这个错误:“未捕获的SyntaxError:意外的标识符”

我已经尝试将require语句放在“文档就绪”函数中,但是无济于事。

我有点困惑,我是否可以分配一个任意的variables值的模块。

该文档没有指定一个名称空间,所以我只是用Semantic作为我的variables名称。 我在这里错过了什么?

另一件我怀疑的是,因为这个软件包使用Bower和Gulp(我真的不知道两件事情),也许有一个不同的协议需要在浏览器中的这个包?

有人能指出我正确的方向吗? 谢谢,麻烦您了!

问题是, require实际上并不是浏览器实现它的一部分。 Bower / gulp以浏览器支持的方式增加了它,但是它也增加了一个额外的步骤,您必须为浏览器构build代码。

为了使用require ,您需要使用一个构build工具来添加它,并在源代码中执行额外的构build步骤。

http://andy-carter.com/blog/a-beginners-guide-to-package-manager-bower-and-using-gulp-to-manage-components