Skip to content

Missing vendor bundle when using a common node_modules directory #6499

Closed
@toff

Description

@toff

Bug Report or Feature Request (mark with an x)

- [x] bug report -> please search issues before submitting
- [ ] feature request

Versions.

@angular/cli: 1.0.6
node: 7.8.0
os: linux ia32 (Centos 6)

Repro steps.

  1. Create and compile a new project :
$ ng new ngcli

$ cd ngcli

$ npm start
> [email protected] start /tmp/ngcli
> ng serve
** NG Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200 **
Hash: 05d9399d72c600d01b08
Time: 7157ms
chunk    {0} polyfills.bundle.js, polyfills.bundle.js.map (polyfills) 158 kB {4} [initial] [rendered]
chunk    {1} main.bundle.js, main.bundle.js.map (main) 3.63 kB {3} [initial] [rendered]
chunk    {2} styles.bundle.js, styles.bundle.js.map (styles) 10.5 kB {4} [initial] [rendered]
chunk    {3} vendor.bundle.js, vendor.bundle.js.map (vendor) 2.4 MB [initial] [rendered]
chunk    {4} inline.bundle.js, inline.bundle.js.map (inline) 0 bytes [entry] [rendered]
webpack: Compiled successfully.

Notice the existence of chunk {3} vendor.bundle.js

  1. Instead of using current project node_modules folder use a common parent folder :
$ mv node_modules ..

$ ln -s ../node_modules

$ npm start
> [email protected] start /tmp/ngcli
> ng serve
** NG Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200 **
Hash: f9ab2a4dda50da8c05cc
Time: 12165ms
chunk    {0} polyfills.bundle.js, polyfills.bundle.js.map (polyfills) 158 kB {3} [initial] [rendered]
chunk    {1} styles.bundle.js, styles.bundle.js.map (styles) 10.5 kB {3} [initial] [rendered]
chunk    {2} main.bundle.js, main.bundle.js.map (main) 2.41 MB [initial] [rendered]
chunk    {3} inline.bundle.js, inline.bundle.js.map (inline) 0 bytes [entry] [rendered]
webpack: Compiled successfully.

As you can see the vendor bundle is now missing.

The log given by the failure.

No failure

Desired functionality.

Generate the vendor bundle.

Mention any other details that might be useful.

Modifying node_modules/@angular/cli/models/webpack-configs/common.js with resolve: { symlinks: false, ... seems to fix the problem.
But I don't know if there is any drawback.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions