fix(@ngtools/webpack): fix relative paths in module map imports

Fix #698

Author: filipesilva

packages/ngtools/webpack/src/transformers/export_lazy_module_map.ts

@@ -46,7 +46,11 @@ export function exportLazyModuleMap(
         return;
       }
 
-      const relativePath = path.relative(dirName, modulePath).replace(/\\/g, '/');
+      let relativePath = path.relative(dirName, modulePath).replace(/\\/g, '/');
+      if (!(relativePath.startsWith('./') || relativePath.startsWith('../'))) {
+        // 'a/b/c' is a relative path for Node but an absolute path for TS, so we must convert it.
+        relativePath = `./${relativePath}`;
+      }
       // Create the new namespace import node.
       const namespaceImport = ts.createNamespaceImport(ts.createIdentifier(`__lazy_${index}__`));
       const importClause = ts.createImportClause(undefined, namespaceImport);

packages/ngtools/webpack/src/transformers/export_lazy_module_map_spec.ts

@@ -17,8 +17,8 @@ describe('@ngtools/webpack transformers', () => {
       `;
       // tslint:disable:max-line-length
       const output = tags.stripIndent`
-        import * as __lazy_0__ from "app/lazy/lazy.module.ts";
-        import * as __lazy_1__ from "app/lazy2/lazy2.module.ts";
+        import * as __lazy_0__ from "./app/lazy/lazy.module.ts";
+        import * as __lazy_1__ from "./app/lazy2/lazy2.module.ts";
         export { AppModule } from './app/app.module';
         export var LAZY_MODULE_MAP = { "./lazy/lazy.module#LazyModule": __lazy_0__.LazyModule, "./lazy2/lazy2.module#LazyModule2": __lazy_1__.LazyModule2 };
       `;
@@ -42,8 +42,8 @@ describe('@ngtools/webpack transformers', () => {
     `;
       // tslint:disable:max-line-length
       const expected = tags.stripIndent`
-      import * as __lazy_0__ from "app/lazy/lazy.module.ngfactory.ts";
-      import * as __lazy_1__ from "app/lazy2/lazy2.module.ngfactory.ts";
+      import * as __lazy_0__ from "./app/lazy/lazy.module.ngfactory.ts";
+      import * as __lazy_1__ from "./app/lazy2/lazy2.module.ngfactory.ts";
       export { AppModule } from './app/app.module';
       export var LAZY_MODULE_MAP = { "./lazy/lazy.module#LazyModule": __lazy_0__.LazyModuleNgFactory, "./lazy2/lazy2.module#LazyModule2": __lazy_1__.LazyModule2NgFactory };
     `;

packages/ngtools/webpack/src/transformers/multiple_transformers_spec.ts

@@ -42,8 +42,8 @@ describe('@ngtools/webpack transformers', () => {
 
       // tslint:disable:max-line-length
       const output = tags.stripIndent`
-        import * as __lazy_0__ from "app/lazy/lazy.module.ngfactory.ts";
-        import * as __lazy_1__ from "app/lazy2/lazy2.module.ngfactory.ts";
+        import * as __lazy_0__ from "./app/lazy/lazy.module.ngfactory.ts";
+        import * as __lazy_1__ from "./app/lazy2/lazy2.module.ngfactory.ts";
 
         import { enableProdMode } from '@angular/core';
         import { environment } from './environments/environment';