knockout.js 组件负载生成白色 space

Question

似乎当组件loaded/rendered使用knockout.js时，生成白色space。

我在组件代码中的任何地方都看不到它，但是当我检查元素时它们是可见的。说

""

如果我删除它，白色 space 就会消失。

这是 knockout.js 的已知问题吗？或者如果不是，我应该从哪里开始解决这个问题？

示例代码如下所示

<componentA>
"$#65279"
    component contents ... 
</componentA>
<componentB>
""$#65279"
    <link ... ... .. ..
    ... actual c
</componentB>

如此处所示，每次加载组件时都会生成空白 space。

这只有在我检查代码时才能在浏览器上通过 F12 看到我无法在已编写的实际代码文件中的任何地方找到它。我尝试通过复制 Unicode 生成的白色 space 来搜索代码，但没有成功。

好像是knockout的组件渲染部分生成的。我应该研究淘汰赛的哪一部分？

谢谢

Answer 1

找出导致问题的原因。每个组件模板前面的 BOM 标记正在为每个组件生成高度为 20 像素、宽度为 100% 的白色 space。

这是在通过 fs.readFileSync() 将模板文件读取为 utf-8 时生成的。

它可以通过执行 substring(1) 来删除（我认为解决这个问题太老套了）。我还在等待这个问题的适当解决方案。

接受任何建议。

谢谢

knockout.js component load generating white space