此块包含自定义HTML上的无效或意外内容

时间:2019-08-28 21:24:30

标签: wordpress wordpress-gutenberg

我正在Gutenberg编辑器中以草稿模式Wordpress 5.2.2编辑文档,并添加以下自定义HTML块:

<pre><code class="language-typescript">const simple = &ltT&gt(cl: T) => cl;
class Hero {
  constructor(public position: [number, number]) {}
}
interface { hello: number }
const errorOne = &ltT&gt(cl: T) => new cl(); // Cannot use 'new' with an expression whose type lacks a call or construct signature.</code></pre>

,它可以按预期在预览中愉快地工作。我另存为草稿。

当我返回时,HTML被重影,并且标题出现错误。我可以转换为HTML,并且可以再次使用,但是稍后再返回时,它再次出错。

似乎到处都在谈论这个错误,但是解释是胡说八道,什么也没解决。

如果我的“自定义HTML”有效(似乎是有效的),为什么会起作用,然后给出错误消息。我该如何解决?

1 个答案:

答案 0 :(得分:0)

我认为主要问题是无法在代码中正确转换<&>。他们在字符串末尾缺少分号。

此代码可以正常工作:

<pre><code class="language-typescript">const simple = &lt;T&gt;(cl: T) =&gt; cl;
class Hero {
  constructor(public position: [number, number]) {}
}
interface { hello: number }
const errorOne = &lt;T&gt;(cl: T) =&gt; new cl(); // Cannot use 'new' with an expression whose type lacks a call or construct signature.</code></pre>

当您插入缺少分号的代码时,WordPress将按原样保存。但是,当再次尝试加载页面时,WordPress会将保存的内容(带有丢失的字符)与从该块生成的内容进行比较(这可能是试图显示正确的HTML)。此过程导致错误,因为两个文本都不相同。

如果您想自己检查错误,则可以通过浏览器中的开发人员工具(Chrome中的F12)检查控制台。