javascript - 在 Meteor js 中初始化和使用 Swup
问题描述
我正在尝试在流星 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,我会很高兴。提前致谢。
解决方案
Blaze 会剥离任何script
标签,包括其内容以防止 XSS。通过 npm 安装 swup 并将其导入您的模板以解决此问题:
$ meteor npm install --save swup
并在您client/main.js
初始化 swup 中:
import Swup from 'swup';
const swup = new Swup();
推荐阅读
- sql-server - 如何在sql server中连接Azure数据库
- c# - 在输入文本中有多个 % 运算符的 LINQ 中等效的 SQL LIKE 运算符是什么?
- elasticsearch - 如何使用摄取插件导入文本数据?
- python - 如何计算两个日期时间的月差?
- scala - 如何将 List[String] 或 List[Double] 转换为 List[Row]?
- reactjs - 我有一个 React 客户端和 Jetty 服务器,我想在这两者之间建立一个接口,以便我可以传递我的 CORS 标头。如何做到这一点?
- corda - 在 Corda 中,运行引导程序时不正确指定输入名称错误
- ssis - 使用 ssis 脚本任务从门户网站下载 excel 文件时出现错误消息
- scala - 如何提高文件阅读能力
- laravel - Laravel 5 同一张表上的多个关系类型