在Meteor js中初始化和使用Swup

Question

我正在尝试在meteor js框架中使用swup。我在main.html中添加了包含swup的unpkg链接的脚本标记，并在main.js的Meteor.startup函数中初始化了Swup。但当我运行应用程序时，它抛出了"Cannot set property 'responseURL‘of null“错误。

在main.html中：

<script src="unpkg.com/swup@latest/dist/swup.min.js"></script>  
<script>
    const swup = new Swup();
</script>

并将swup id添加到layout.html，这就像所有路由发生在其中的容器。

我最近才开始从事Meteor的工作，所以我有点困惑。如果有人能帮助我初始化和设置swup，我会很高兴的。提前谢谢。

Answer 1

Blaze剥离任何script标签，包括它的内容，以防止XSS。通过npm安装swup并将其导入到您的模板中，以解决此问题：

$ meteor npm install --save swup

然后在你的client/main.js中初始化swup：

import Swup from 'swup';
const swup = new Swup();