You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

使用Node.js搭建简易网站时,页面链接及元素无法显示问题排查

问题排查与解决

1. 模板字符串错误使用HTML实体转义字符

你的templateHTML函数里,所有HTML标签都用了&lt;、&gt;、&quot;这类HTML实体,而非直接写<、>、"。这会让浏览器把这些内容当成纯文本解析,而非HTML标签,导致整个页面结构失效,自然无法显示后续的create链接和其他元素。

修正后的函数应直接使用原生HTML标签:

function templateHTML(title, list, body){
    return `
    <!doctype html>
    <html>
    <head>
        <title>WEB1 - ${title}</title>
        <meta charset="utf-8">
    </head>
    <body>
        <h1><a href='/'>WEB</a></h1>
        ${list}
        <a href='/create'>create</a>
        ${body}
    </body>
    </html>
    `;
}

2. 检查list参数的HTML完整性

若修正实体问题后仍不显示,需确认传入的list变量是否包含未闭合的HTML标签(比如只写了<ul><li>xxx,未添加</li></ul>)。未闭合标签会破坏DOM结构,导致后续元素被浏览器错误解析,无法正常渲染。

示例正确的list内容:

const list = `<ul><li><a href='/html'>HTML</a></li><li><a href='/css'>CSS</a></li></ul>`;

3. 验证参数传递是否正确

确认调用templateHTML时,是否正确传递了list和body参数。若list被错误赋值为undefined或异常内容,也可能影响后续元素显示。可在函数内添加日志排查:

function templateHTML(title, list, body){
    console.log('list content:', list);
    console.log('body content:', body);
    // 后续返回HTML的代码
}

内容的提问来源于stack exchange,提问作者jumbo

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.20 03:12:44