如何解决Quasar SPA生产构建后的启动引用错误？

问题现象 #

使用quasar build构建Web产物并部署到生产域名后，页面空白，控制台抛出错误：

index.42944a7a.js:9 [Quasar] boot error: ReferenceError: Cannot access 'nn' before initialization
at app_core.d37db9c3.js:2:11982

定位到压缩后的代码片段：

var rn = ae.exports
  , Ge = rn;
const te = nn()
  , R = Ge.create({
    baseURL: te.urlD
});

问题原因 #

这是ES6变量的暂时性死区导致的错误：nn是用const或let声明的变量，但在它完成初始化之前就被调用了，违反了ES6的变量声明规则。另外，模块循环依赖、Quasar boot文件加载顺序错误也可能触发这类问题。

修复方案 #

• 调整变量声明顺序：找到nn对应的原始未压缩代码，确保nn的声明语句（const nn = ...或let nn = ...）放在调用nn()的代码之前。
• 消除循环依赖：检查nn所在模块与当前模块是否存在互相导入的情况，重构代码结构，移除循环依赖关系。
• 调整boot文件加载顺序：如果nn是在Quasar的boot文件中定义的，修改quasar.config.js里的boot数组，把定义nn的boot文件放在依赖它的boot文件前面。
• 清理缓存后重新构建：执行quasar clean命令清理旧构建缓存，再重新运行quasar build生成新的产物。

内容的提问来源于stack exchange，提问作者Jitendra