在JavaScript中操作CST插入注释报错‘Invalid reference child’求助

报错原因 #

你收到的Error: Invalid reference child是因为insertChildBefore方法的第二个参数要求是调用该方法的节点（这里是program）的直接子节点，但你传入的token.parentElement是目标token的父节点，并非program的直接子元素，属于无效引用。

有效引用子节点的要求 #

• 必须是调用insertChildBefore的节点的直接子元素
• 必须是当前CST树中已存在的合法节点/Token

正确实现方式 #

根据目标token在CST树中的位置，分两种情况处理：

情况1：目标token是program的直接子节点 #

直接将目标token作为参考子节点传入：

const commentToken = new Token('CommentLine', "this is a comment");
program.insertChildBefore(commentToken, token);

情况2：目标token嵌套在其他节点内 #

需要找到目标token的直接父节点，在父节点上执行插入操作：

const commentToken = new Token('CommentLine', "this is a comment");
const parentNode = token.parentElement;
parentNode.insertChildBefore(commentToken, token);

注意事项 #

• 确认CommentLine是CST库支持的合法Token类型
• 可以通过parentNode.children查看子节点列表，验证目标token是否属于该父节点的直接子元素

内容的提问来源于stack exchange，提问作者Rohit Dhas