我正在使用 Next 文档中的自定义 _document.js 。结果，我不断收到打印到控制台的警告消息。我尝试重新启动服务器并清空浏览器的缓存。我的 _document.js 应该在“pages”文件夹内。我通过向我的网站添加一些标签<Head>并检查我的网站以查看标签是否被添加到<Head>. （我的网站工作正常，我只是厌倦了这个警告消息。）
控制台警告：
Warning: next-head-count is missing. https://err.sh/next.js/next-head-count-missing
这是我的 _document.js 文件：
import Document, { Html, Head, Main, NextScript } from 'next/document'
class MyDocument extends Document {
static async getInitialProps(ctx) {
const initialProps = await Document.getInitialProps(ctx)
return { ...initialProps }
}
render() {
return (
<Html>
<Head>
<link rel="icon" type="image/x-icon" href="/static/favicon.ico" />
</Head>
<body>
<Main />
<NextScript />
</body>
</Html>
)
}
}
export default MyDocument
我正在尝试使用 JavaScript 将元素添加到 DOM。我有一个ul，我想添加一个li。使用起来并不困难appendChild，但我希望我的li更复杂。
这是我想要实现的输出：
<li>
<span class="author">Me</span>
<span class="message">Message...</span>
<span class="time">
<div class="line"></div>
15:21
</span>
</li>
let author = "me";
let message = "Message...";
let time = "15:21";
正如您所看到的，我想要实现的不仅仅是li一些基本文本（innerHTML），而是相当大的 HTML 代码块。
我的问题是如何使用 JavaScript 获得此输出。或者我应该使用一些 JavaScript 库或其他东西来使它更容易？