Angular 延迟加载模块是从错误的 url 加载的

Question

在 Angular 中，我添加了一个新的管理模块，当用户访问管理路由时，它会延迟加载。

{
    path: 'admin',
    loadChildren: './admin/admin.module#AdminModule',
}

模块存在于 dist 文件夹中，但浏览器无法解析模块 .js 文件，因为它在错误的位置查找。

从构建日志开始，该模块是按 Angular 构建的:

chunk {admin-admin-module} admin-admin-module.js, admin-admin-module.js.map (admin-admin-module) 293 kB  [rendered]

所有构建文件(main.js、polyfills.js 等)都存储在名为browser 的目录中，因此请求 URL 应该是 http://localhost:8000/browser/admin-admin-module.js 但请求 URL 是 http://localhost:8000/admin-admin-module.js。此模块文件是唯一未正确加载的文件。

我似乎不明白为什么它突然想从应用程序的根目录加载这个模块，而不是在加载其余 *.js 文件的位置。

Answer 1

如果您像您的情况一样在本地网络服务器中运行您的应用程序，则必须在 angular.json 文件中设置 baseHref 属性以使用域子路径

或

将其附加到您的构建命令中，例如 --base-href=/browser/