网站搜索

javascript - 当我为生产环境做打包时,我的 Angular2 systemjs 出现懒加载错误


当我为生产环境打包时,我的 Angular2 systemjs 出现了懒加载错误

我有一个使用 TypeScript、HTML5 和 SystemJS 的 Angular2 应用程序。

当我在本地运行我的懒加载模块时,一切都正常。但当我创建生产文件,例如用于发布的打包文件时,懒加载模块/路由就不起作用了。

应用程序仍然可以加载,其他非懒加载的路由也能正常工作。但例如,对于我的条款页面,我在控制台日志中得到这个错误:

未捕获(在 promise 中):TypeError:System.import 不是一个函数

我尝试更新我的 system.config 来配置捆绑包,但说实话,我完全不懂。

这是我的尝试(system.config 文件):

declare var System: SystemJSLoader.System;

System.config(JSON.parse('<%= SYSTEM_CONFIG_DEV %>'));

System.config({
    bundles: {
      'ModuleTerms.bundle.js': ['app/components/terms/terms.module.js']
    }
});

*这是用于我的条款和条件页面,例如 ModuleTerms。该页面在本地运行正常,但在打包后,当我导航到该页面,例如 /terms 时,似乎会出错。

我想我需要进行某种设置。

如果你需要查看其他代码,请告诉我。