--vendorSourceMap not working for Angular Library

[isangha1]

Bug Report or Feature Request (mark with an x)

- [x] bug report

Command (mark with an x)

- [x] build
- [x] serve

Versions

node --version: v8.12.0
npm --version: 6.4.1

$ ng --version

     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/


Angular CLI: 7.1.4
Node: 8.12.0
OS: win32 x64
Angular: 7.1.4
... cli, common, compiler, compiler-cli, core, forms, http
... language-service, platform-browser, platform-browser-dynamic
... router

Package                            Version
------------------------------------------------------------
@angular-devkit/architect          0.11.4
@angular-devkit/build-angular      0.11.4
@angular-devkit/build-ng-packagr   0.11.4
@angular-devkit/build-optimizer    0.11.4
@angular-devkit/build-webpack      0.11.4
@angular-devkit/core               7.1.4
@angular-devkit/schematics         7.1.4
@angular/animations                7.2.0
@angular/cdk                       7.2.1
@angular/material                  7.2.1
@angular/material-moment-adapter   7.2.1
@ngtools/json-schema               1.1.0
@ngtools/webpack                   7.1.4
@schematics/angular                7.1.4
@schematics/update                 0.11.4
ng-packagr                         4.4.5
rxjs                               6.3.3
typescript                         3.1.6
webpack                            4.23.1

Windows 10
Google Chrome Version: 71.0.3578.98 (Official Build) (64-bit)

Repro steps

ng build shared-lib OR ng build shared-lib --watch
ng serve --vendorSourceMap

The log given by the failure

$ ng build shared-lib
Building Angular Package
Building entry point 'shared-lib'
Compiling TypeScript sources through ngc
Bundling to FESM2015
Bundling to FESM5
Bundling to UMD
No name was provided for external module '@ngx-translate/core' in output.globals – guessing 'core'
No name was provided for external module '@fortawesome/angular-fontawesome' in output.globals – guessing 'angularFontawesome'
No name was provided for external module '@ionic/angular/dist/providers/events'in output.globals – guessing 'i1$1'
No name was provided for external module '@capacitor/core' in output.globals – guessing 'core$2'
No name was provided for external module '@ionic/angular/dist/providers/platform' in output.globals – guessing 'i1$2'
No name was provided for external module 'moment-timezone' in output.globals – guessing 'moment_'
No name was provided for external module 'socket.io-client' in output.globals –guessing 'socketIo_'
No name was provided for external module '@ionic/angular/dist/providers/toast-controller' in output.globals – guessing 'i1$3'
No name was provided for external module 'ngx-permissions' in output.globals – guessing 'i3'
No name was provided for external module '@ionic/angular' in output.globals – guessing 'angular'
Minifying UMD bundle
Dropping duplicated definition of variable db [0:399,24]
Side effects in initialization of unused variable _ [0:2191,8]
Copying declaration files
Writing package metadata
Removing scripts section in package.json as it's considered a potential security vulnerability.
Built shared-lib
Built Angular Package!
 - from: C:\Users\foo\Desktop\bar\shared-lib\projects\shared-lib
 - to:   C:\Users\foo\Desktop\bar\shared-lib\dist\shared-lib

$ ng serve --vendorSourceMap
** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
i ｢wdm｣: wait until bundle finished: /
i ｢wdm｣: wait until bundle finished: /

Date: 2019-01-11T16:57:25.376Z
Hash: e51044c12a25a0e6875a
Time: 39383ms
chunk {0} 0.js, 0.js.map () 16.2 kB  [rendered]
chunk {1} 1.js, 1.js.map () 1.76 kB  [rendered]
chunk {2} 2.js, 2.js.map () 5.27 kB  [rendered]
chunk {3} 3.js, 3.js.map () 987 bytes  [rendered]
chunk {4} 4.js, 4.js.map () 1.54 kB  [rendered]
chunk {5} 5.js, 5.js.map () 92.9 kB  [rendered]
chunk {6} 6.js, 6.js.map () 3.3 kB  [rendered]
chunk {7} 7.js, 7.js.map () 23.7 kB  [rendered]
chunk {8} 8.js, 8.js.map () 24.4 kB  [rendered]
chunk {9} 9.js, 9.js.map () 23.5 kB  [rendered]
chunk {10} 10.js, 10.js.map () 24.4 kB  [rendered]
chunk {11} 11.js, 11.js.map () 17.4 kB  [rendered]
chunk {12} 12.js, 12.js.map () 17.8 kB  [rendered]
chunk {13} 13.js, 13.js.map () 19.1 kB  [rendered]
chunk {14} 14.js, 14.js.map () 19.2 kB  [rendered][39m
chunk {15} 15.js, 15.js.map () 15.6 kB  [rendered]
chunk {16} 16.js, 16.js.map () 15.8 kB  [rendered]
chunk {17} 17.js, 17.js.map () 17.7 kB  [rendered]
chunk {18} 18.js, 18.js.map () 18.1 kB  [rendered]
chunk {19} 19.js, 19.js.map () 23.8 kB  [rendered]
chunk {20} 20.js, 20.js.map () 24.6 kB  [rendered]
chunk {21} 21.js, 21.js.map () 26.8 kB  [rendered]
chunk {22} 22.js, 22.js.map () 27.8 kB  [rendered]
chunk {23} 23.js, 23.js.map () 17.6 kB  [rendered]
chunk {24} 24.js, 24.js.map () 17.9 kB  [rendered]
chunk {25} 25.js, 25.js.map () 24.2 kB  [rendered]
chunk {26} 26.js, 26.js.map () 25.2 kB  [rendered]
chunk {27} 27.js, 27.js.map () 25.5 kB  [rendered]
chunk {28} 28.js, 28.js.map () 25.5 kB  [rendered]
chunk {29} 29.js, 29.js.map () 27.3 kB  [rendered]
chunk {30} 30.js, 30.js.map () 28.3 kB m [rendered]
chunk {31} 31.js, 31.js.map () 21.3 kB  [rendered]
chunk {32} 32.js, 32.js.map () 21.7 kB  [rendered]
chunk {33} 33.js, 33.js.map () 37.9 kB  [rendered]
chunk {34} 34.js, 34.js.map () 39.8 kB  [rendered]
chunk {35} 35.js, 35.js.map () 22.8 kB  [rendered]
chunk {36} 36.js, 36.js.map () 23.7 kB  [rendered]
chunk {37} 37.js, 37.js.map () 19.1 kB  [rendered]
chunk {38} 38.js, 38.js.map () 19.4 kB  [rendered]
chunk {39} 39.js, 39.js.map () 15.2 kB  [rendered]
chunk {40} 40.js, 40.js.map () 15.4 kB  [rendered]
chunk {41} 41.js, 41.js.map () 23.5 kB  [rendered]
chunk {42} 42.js, 42.js.map () 23.5 kB  [rendered]
chunk {43} 43.js, 43.js.map () 25.6 kB  [rendered]
chunk {44} 44.js, 44.js.map () 25.8 kB  [rendered]
chunk {45} 45.js, 45.js.map () 16 kB  [rendered]
chunk {46} 46.js, 46.js.map () 16 kB  [rendered]
chunk {47} 47.js, 47.js.map () 26 kB  [rendered]
chunk {48} 48.js, 48.js.map () 26.9 kB  [rendered]
chunk {49} 49.js, 49.js.map () 19.2 kB  [rendered]
chunk {50} 50.js, 50.js.map () 19.5 kB  [rendered]
chunk {51} 51.js, 51.js.map () 18.3 kB  [rendered]
chunk {52} 52.js, 52.js.map () 18.4 kB  [rendered]
chunk {53} 53.js, 53.js.map () 20.6 kB  [rendered]
chunk {54} 54.js, 54.js.map () 21.2 kB  [rendered]
chunk {55} 55.js, 55.js.map () 39.2 kB  [rendered]
chunk {56} 56.js, 56.js.map () 41.3 kB  [rendered]
chunk {57} 57.js, 57.js.map () 13.1 kB  [rendered]
chunk {58} 58.js, 58.js.map () 13.1 kB  [rendered]
chunk {59} 59.js, 59.js.map () 21.3 kB  [rendered]
chunk {60} 60.js, 60.js.map () 21.6 kB  [rendered]
chunk {61} 61.js, 61.js.map () 19.2 kB  [rendered]
chunk {62m} 62.js, 62.js.map () 19.3 kB  [rendered]
chunk {63} 63.js, 63.js.map () 24.5 kB  [rendered]
chunk {64} 64.js, 64.js.map () 25 kB  [rendered]
chunk {65} 65.js, 65.js.map () 19.2 kB  [rendered]
chunk {66} 66.js, 66.js.map () 19.3 kB  [rendered]
chunk {67} 67.js, 67.js.map () 19.1 kB  [rendered]
chunk {68} 68.js, 68.js.map () 19.2 kB  [rendered]
chunk {69} 69.js, 69.js.map () 32.9 kB  [rendered]
chunk {70} 70.js, 70.js.map () 33.4 kB  [rendered]
chunk {71} 71.js, 71.js.map () 22.2 kB  [rendered]
chunk {72} 72.js, 72.js.map () 23.4 kB  [rendered]
chunk {73} 73.js, 73.js.map () 45.4 kB  [rendered]
chunk {74} 74.js, 74.js.map () 45.4 kB  [rendered]
chunk {75} 75.js, 75.js.map () 26.8 kB  [rendered]
chunk {76} 76.js, 76.js.map () 27.1 kB  [rendered]
chunk {77} 77.js, 77.js.map () 45.4 kB  [rendered]2m
chunk {78} 78.js, 78.js.map () 45.4 kB  [rendered]
chunk {79} 79.js, 79.js.map () 20.9 kB  [rendered]
chunk {80} 80.js, 80.js.map () 20.9 kB  [rendered]
chunk {81} 81.js, 81.js.map () 25.4 kB  [rendered]
chunk {82} 82.js, 82.js.map () 25.6 kB  [rendered]
chunk {83} 83.js, 83.js.map () 22.8 kB  [rendered]
chunk {84} 84.js, 84.js.map () 23.7 kB  [rendered]
chunk {85} 85.js, 85.js.map () 15.2 kB  [rendered]
chunk {86} 86.js, 86.js.map () 15.4 kB  [rendered]
chunk {87} 87.js, 87.js.map () 26.8 kB  [rendered]
chunk {88} 88.js, 88.js.map () 27.1 kB  [rendered]
chunk {89} 89.js, 89.js.map () 16 kB  [rendered]
chunk {90} 90.js, 90.js.map () 16 kB  [rendered]
chunk {91} 91.js, 91.js.map () 20.9 kB  [rendered]
chunk {92} 92.js, 92.js.map () 20.9 kB  [rendered]
chunk {93} 93.js, 93.js.map () 15.6 kB  [rendered]
chunk {94} 94.js, 94.js.map () 15.7 kB  [rendered]
chunk {95} 95.js, 95.js.map () 19.8 kB  [rendered]
chunk {96} 96.js, 96.js.map () 20.1 kB  [rendered]
chunk {97} 97.js, 97.js.map () 22.2 kB  [rendered]
chunk {98} 98.js, 98.js.map () 23.3 kB  [rendered]
chunk {99} 99.js, 99.js.map () 19.8 kB  [rendered]
chunk {100} 100.js, 100.js.map () 20.1 kB  [rendered]
chunk {101} 101.js, 101.js.map () 33.7 kB  [rendered]
chunk {102} 102.js, 102.js.map () 34.2 kB  [rendered]
chunk {103} 103.js, 103.js.map () 19.1 kB  [rendered]
chunk {104} 104.js, 104.js.map () 19.4 kB  [rendered]
chunk {105} 105.js, 105.js.map () 18.4 kB  [rendered]
chunk {106} 106.js, 106.js.map () 18.4 kB  [rendered]
chunk {107} 107.js, 107.js.map () 17.2 kB  [rendered]
chunk {108} 108.js, 108.js.map () 17.2 kB  [rendered]
chunk {109} 32m109.js, 109.js.map () 30.6 kB  [rendered]
chunk {110} 110.js, 110.js.map () 30.7 kB  [rendered]
chunk {111} 111.js, 111.js.map () 19.8 kB  [rendered]
chunk {112} 112.js, 112.js.map () 19.8 kB  [rendered]
chunk {113} 113.js, 113.js.map () 26.9 kB  [rendered]
chunk {114} 114.js, 114.js.map () 26.9 kB  [rendered]
chunk {115} 115.js, 115.js.map () 17.7 kB  [rendered]
chunk {116} 116.js, 116.js.map () 17.7 kB  [rendered]
chunk {117} 117.js, 117.js.map () 34.8 kB  [rendered]
chunk {118} 118.js, 118.js.map () 35.3 kB  [rendered]
chunk {119} 119.js, 119.js.map () 17.2 kB  [rendered]
chunk {120} 120.js, 120.js.map () 17.2 kB  [rendered]
chunk {121} 121.js, 121.js.map () 13.6 kB  [rendered]
chunk {122} 122.js, 122.js.map () 13.7 kB  [rendered]
chunk {123} 123.js, 123.js.map () 34.8 kB  [rendered]
chunk {124} 124.js, 124.js.map () 35.4 kB 3m [rendered]
chunk {125} 125.js, 125.js.map () 37.3 kB  [rendered]
chunk {126} 126.js, 126.js.map () 37.4 kB  [rendered]
chunk {127} 127.js, 127.js.map () 3.34 kB  [rendered]
chunk {128} 128.js, 128.js.map () 3.42 kB  [rendered]
chunk {129} 129.js, 129.js.map () 10.1 kB  [rendered]
chunk {130} 130.js, 130.js.map () 10.4 kB  [rendered]
chunk {131} 131.js, 131.js.map () 13.4 kB  [rendered]
chunk {132} 132.js, 132.js.map () 13.4 kB  [rendered]
chunk {133} 133.js, 133.js.map () 2.4 kB  [rendered]
chunk {134} 134.js, 134.js.map () 2.43 kB  [rendered]
chunk {135} 135.js, 135.js.map () 3.73 kB  [rendered]
chunk {136} 136.js, 136.js.map () 9.8 kB  [rendered]
chunk {137} 137.js, 137.js.map () 9.98 kB  [rendered]
chunk {138} 138.js, 138.js.map () 20.6 kB  [rendered]
chunk {139} 139.js, 139.js.map () 20.6 kB  [rendered]
chunk {1m140} 140.js, 140.js.map () 3.34 kB  [rendered]
chunk {141} 141.js, 141.js.map () 3.41 kB  [rendered]
chunk {142} 142.js, 142.js.map () 13.5 kB  [rendered]
chunk {143} 143.js, 143.js.map () 13.5 kB  [rendered]
chunk {144} 144.js, 144.js.map () 1.6 kB  [rendered]
chunk {145} 145.js, 145.js.map () 9.63 kB  [rendered]
chunk {146} 146.js, 146.js.map () 9.64 kB  [rendered]
chunk {147} 147.js, 147.js.map () 14.4 kB  [rendered]
chunk {148} 148.js, 148.js.map () 14.4 kB  [rendered]
chunk {149} 149.js, 149.js.map () 11.1 kB  [rendered]
chunk {150} 150.js, 150.js.map () 11.1 kB  [rendered]
chunk {151} 151.js, 151.js.map () 12.9 kB  [rendered]
chunk {152} 152.js, 152.js.map () 12.9 kB  [rendered]
chunk {153} 153.js, 153.js.map () 37.4 kB  [rendered]
chunk {154} 154.js, 154.js.map () 37.5 kB  [rendered]
chunk {155} 155.js, 155.js.map39m () 20.9 kB  [rendered]
chunk {156} 156.js, 156.js.map () 20.9 kB  [rendered]
chunk {157} 157.js, 157.js.map () 11.2 kB  [rendered]
chunk {158} 158.js, 158.js.map () 11.2 kB  [rendered]
chunk {159} 159.js, 159.js.map () 13.3 kB  [rendered]
chunk {160} 160.js, 160.js.map () 13.3 kB  [rendered]
chunk {161} 161.js, 161.js.map () 6.96 kB  [rendered]
chunk {162} 162.js, 162.js.map () 7.12 kB  [rendered]
chunk {163} 163.js, 163.js.map () 9.84 kB  [rendered]
chunk {164} 164.js, 164.js.map () 9.85 kB  [rendered]
chunk {165} 165.js, 165.js.map () 3.08 kB  [rendered]
chunk {166} 166.js, 166.js.map () 12 kB  [rendered]
chunk {167} 167.js, 167.js.map () 14.6 kB  [rendered]
chunk {168} 168.js, 168.js.map () 7.92 kB  [rendered]
chunk {169} 169.js, 169.js.map () 1.63 kB  [rendered]
chunk {170} 170.js, 170.js.map () 1.36 kB  [rendered]
chunk {171} 171.js, 171.js.map () 5.03 kB  [rendered]
chunk {common} common.js, common.js.map (common) 20.7 kB  [rendered]
chunk {home-home-module} home-home-module.js, home-home-module.js.map (home-home-module) 5.63 kB  [rendered]
chunk {main} main.js, main.js.map (main) 33.3 kB [initial] [rendered]
chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 223 kB [initial] [rendered]
chunk {runtime} runtime.js, runtime.js.map (runtime) 8.85 kB [entry] [rendered]
chunk {styles} styles.js, styles.js.map (styles) 70.2 kB [initial] [rendered]
chunk {vendor} vendor.js, vendor.js.map (vendor) 5.14 MB [initial] [rendered]
i ｢wdm｣: Compiled successfully.

Desired functionality

I wish to see the typescript files in chrome dev tools for debugging purposes. From my understanding the option --vendorSourceMap should allow visibility of these files. However, it is not working. I will attach a screenshot in the next section displaying the project structure I see on Chrome Dev tools.

Mention any other details that might be useful

I expect to find the "dist" directory containing my typescript files in the same directory where my node_modules and src are found. Clearly, it is missing. Can anyone provide an explanation for the current behavior and how I can get my typescript files to show? Thanks.

[alan-agius4]

If I recall correctly those file are under ng://.

Can you try to locate the file you are looking for using CTRL+P when having the sources in the devtools open?

[isangha1]

Hi Alan,

I am unable to find my ts files using CTRL+P. I am attaching a screenshot of ng:// below.

(I left the IonicModule directory unclicked on purpose since the expansion would make it difficult to capture a screenshot)

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}