SyntaxError或ChunkLoadError需优先查Network：若JS请求返回HTML内容（Preview显示
Console里报SyntaxError或ChunkLoadError怎么快速定位
这类错误往往不是代码逻辑错，而是构建或部署链路出了问题。SyntaxError出现在JS文件里，大概率是HTML返回了错误内容（比如Nginx fallback没配好，/user/profile请求返回了index.html，但浏览器把它当JS执行）；ChunkLoadError则说明动态导入的模块路径404了，常见于CDN缓存了旧HTML、构建产物没同步、publicPath配置和实际部署路径不一致。
- 点开Console报错堆栈里的文件名和行号，右键“Reveal in Sources”，看是不是真的JS代码——如果不是，而是显示HTML内容，立刻去Network面板查那个URL的状态码和Response
- 在Network里过滤
main.js或app-*.js，检查它的Status是否为200，Type是否为script，Preview是否能正常显示JS代码 - 对比本地
dist目录下的文件名和Network里请求的路径，确认webpack.output.publicPath或vite.base有没有漏掉/或写成./
Elements面板里下面空空如也，该查什么
这说明HTML根本没被浏览器解析完，不是JS执行问题，而是HTML结构本身中断了解析。典型表现是“查看网页源代码”能看到完整HTML，但Elements里只渲染了前半截，甚至标签都没闭合。
- 用W3C Validator粘贴源码，重点看
Unclosed element、Stray end tag、Bad value for attribute这类提示 - 特别注意
<script src="a.js">console.log(1)</script>这种写法——src存在时，标签体必须为空，否则解析器直接卡死 - 临时删掉HTML底部1/3内容，刷新；如果页面出来了，再逐步往上删，直到定位到出问题的那一行，常见坑在
、里写了未转义的或&
Network里index.html返回200但页面还是白，下一步盯哪几个点
说明服务端至少把HTML发出来了，但后续流程断了。这时候要区分是资源没加载、JS没执行，还是DOM挂载失败。
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
- 过滤
index.html，点开它的Response，确认Content-Type是text/html；如果是application/octet-stream或空，浏览器会下载而不是渲染 - 检查
index.html里关键<script></script>和的src/href路径：是否用了协议相对URL（//cdn.com/a.js），导致HTTP页里加载HTTPS资源被拦截 - 在
底部加一行<script>console.log('html parsed')</script>，如果Console没输出，说明HTML解析被阻塞——大概率是前面某个<script></script>同步执行报错了，且没被window.onerror捕获（比如SyntaxError发生在解析阶段）
#root节点存在但一直没子节点，怎么确认是不是框架挂载失败
Vue/React应用白屏最隐蔽的一种：HTML和JS都加载成功，控制台也没红字，但#root始终空着。这不是资源问题，是框架初始化逻辑没走通或被静默吞掉了。
- 在入口JS第一行加
console.log('app entry')，确认JS是否执行；再在new Vue({})或ReactDOM.render()调用前加日志，看是否走到那里 - 检查
el或container选择器是否写错，比如el: '#app'但HTML里是（大小写敏感）- 如果是
<script type="module"></script>，注意它顶层不允许await，也不抛语法错误——在模块第一行加console.log('module start')，再包一层async function main() { ... }调用，避免静默失败真正难排查的白屏，往往卡在“没报错但什么都没发生”的缝隙里：HTML解析中断不报错，
type="module"语法错误不抛红字，publicPath差一个/就让所有chunk 404。这些地方得靠Network响应内容、W3C校验、手动打点三者交叉验证，不能只信Console。 - 如果是
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
