企业官网建设流程全解析

一、什么是「页面白屏」

二、第一步：立刻看控制台（最关键）

1. Console 错误优先级

🔴 红色错误（必须优先解决） - Uncaught SyntaxError: Unexpected token '<' - Uncaught ReferenceError: xxx is not defined - Failed to load resource: net::ERR_XXX - Cannot read property 'xxx' of undefined 🟡 黄色警告（可后续优化） - [Vue warn]: Property or method "xxx" is not defined - [Vue warn]: Missing required prop

2. Network 面板检查

✅ index.html 是否 200 ✅ app.xxx.js / chunk-vendors.xxx.js 是否加载成功 ✅ 是否有 404 的文件 ✅ JS 文件大小是否正常（过大可能被截断）

三、最常见 5 大白屏原因

原因一：JS 报错导致 Vue 无法挂载

典型错误

// main.js new Vue({ el: '#app', router, st