预览流程简介与常见错误处理

浏览器预览本质上是编辑器开启了一个 express 服务器，在点击预览时打开用户的默认浏览器去访问预览 URL。预览模板里写了一些加载引擎和初始化场景的简单逻辑，而关于用户资源加载主要还是依赖于 setting.js 的生成，因为 setting.js 里面记载了当前项目的资源、脚本以及项目设置信息。预览的 setting.js 是调用构建插件的接口生成的，因此如果 没有正常生成，便可以打开 开发者 -> 构建调试工具 查看。

常见错误处理

在寻找这个问题的原因之前，请先确保在预览前编辑器内没有报错信息。

关于 setting.js 具体的生成流程，可以参考 。预览的 setting.js 生成规则基本和只勾选了调试模式的生成规则一样，区别在于预览只梳理资源信息，并不会进行资源的打包生成。

资源加载 404