模板调试

未匹配的标注

Edge 提供了几个选项来调试模板,最简单的一个是 inspect 全局助手。此方法可以很好地打印你提供给它的任何值,另一个是 @debugger 标记。

inspect 助手

inspect 助手在同一输出中优雅地打印值,你可以将此方法视为 Node.js util.inspect,但它输出 HTML 而不是将输出写入控制台。

{{ inspect({
  a: 1,
  b: [3, 4, undefined, null],
  c: undefined,
  d: null,
  e: {
    regex: /^x/i,
    buf: Buffer.from('abc'),
    holes: holes
  },
  balance: BigInt(100),
  id: Symbol('1234'),
  scores: new Set([1, 2, 3]),
  classes: new Map([['english', '1st'], ['maths', '2nd']]),
  currentScores: new WeakSet([[1, 2, 3]]),
  currentClasses: new WeakMap([[['english', '1st'], ['maths', '2nd']]]),
  now: new Date()
}) }}

输出

@debugger 标签

@debugger 标记在编译后的 JavaScript 代码中放置一个调试器断点,你可以使用标准的 [Node.js 调试方法](nodejs.org/api/debugger. html)

只需将 @debugger 放在希望调试器暂停的位置。

@debugger
<p> Hello {{ user.username }} </p>

使用 --inspect 标志运行 Node 服务器并使用 Chrome 进行调试。

node ace serve --watch --node-args="--inspect"

查看视频演示

本文章首发在 LearnKu.com 网站上。

本译文仅用于学习和交流目的,转载请务必注明文章译者、出处、和本文链接
我们的翻译工作遵照 CC 协议,如果我们的工作有侵犯到您的权益,请及时联系我们。

原文地址:https://learnku.com/docs/adonisjs/5.x/vi...

译文地址:https://learnku.com/docs/adonisjs/5.x/vi...

上一篇 下一篇
贡献者:1
讨论数量: 0
发起讨论 查看所有版本


暂无话题~