在 Meteor js 中初始化和使用 Swup

Question

我正在尝试在 meteor js 框架中使用 swup。我在 main.html 中为 swup 添加了包含 unpkg link 的脚本标签，并在 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>

并向 layout.html 添加了 swup id，这就像所有路由发生的容器。

我最近才开始研究 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();

在 Meteor js 中初始化和使用 Swup

Initialize and use Swup in Meteor js

javascript

css

meteor

swup