javascript - 在 Meteor js 中初始化和使用 Swup

Question

我正在尝试在流星 js 框架中使用 swup。我在 main.html 中添加了包含 swup 的 unpkg 链接的脚本标签，并在 main.js 的 Meteor.startup 函数中初始化了 Swup。但是当我运行该应用程序时，它会抛出“无法设置属性'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();