ngx-chips: Can't build project, when AOT is enabled

PLEASE MAKE SURE THAT:

  • you searched similar issues online (9/10 issues in this repo are solved by googling, so please…do it)
  • you provide an online demo I can see without having to replicate your environment
  • you help me by debugging your issue, and if you can’t, do go on filling out this form

I’m submitting a … (check one with “x”)

[x] bug report => search github for a similar issue or PR before submitting
[ ] support request/question

Notice: feature requests will be ignored, submit a PR if you'd like

Current behavior

I’m using ngx-chips in my project. But I can’t build it, when i have --aot=true, I have such error during the build:

ERROR in ./src/$$_gendir/node_modules/ngx-chips/ngx-chips.ngfactory.ts
Module not found: Error: Can't resolve 'ngx-chips/components/index' in '/builder/workspace/projectAPP/src/$$_gendir/node_modules/ngx-chips'
resolve 'ngx-chips/components/index' in '/builder/workspace/projectAPP/src/$$_gendir/node_modules/ngx-chips'
  Parsed request is a module
  using description file: /builder/workspace/projectAPP/package.json (relative path: ./src/$$_gendir/node_modules/ngx-chips)
    Field 'browser' doesn't contain a valid alias configuration
  after using description file: /builder/workspace/projectAPP/package.json (relative path: ./src/$$_gendir/node_modules/ngx-chips)
    resolve as module
      /builder/workspace/projectAPP/src/$$_gendir/node_modules/ngx-chips/node_modules doesn't exist or is not a directory
      /builder/workspace/projectAPP/src/$$_gendir/node_modules/node_modules doesn't exist or is not a directory
      /builder/workspace/projectAPP/src/node_modules doesn't exist or is not a directory
      /builder/workspace/node_modules doesn't exist or is not a directory
      /builder/node_modules doesn't exist or is not a directory
      /home/CS/node_modules doesn't exist or is not a directory
      /home/node_modules doesn't exist or is not a directory
      /node_modules doesn't exist or is not a directory
      looking for modules in /builder/workspace/projectAPP/node_modules
        using description file: /builder/workspace/projectAPP/package.json (relative path: ./node_modules)
          Field 'browser' doesn't contain a valid alias configuration
        after using description file: /builder/workspace/projectAPP/package.json (relative path: ./node_modules)
          using description file: /builder/workspace/projectAPP/node_modules/ngx-chips/package.json (relative path: ./components/index)
            no extension
              Field 'browser' doesn't contain a valid alias configuration
              /builder/workspace/projectAPP/node_modules/ngx-chips/components/index doesn't exist
            .ts
              Field 'browser' doesn't contain a valid alias configuration
              /builder/workspace/projectAPP/node_modules/ngx-chips/components/index.ts doesn't exist
            .js
              Field 'browser' doesn't contain a valid alias configuration
              /builder/workspace/projectAPP/node_modules/ngx-chips/components/index.js doesn't exist
            as directory
              /builder/workspace/projectAPP/node_modules/ngx-chips/components/index doesn't exist

when i add --aot=false - everything is cool

Expected behavior

I can build project with ngx-chips with AOT enabled.

Minimal reproduction of the problem with instructions (if applicable)

What do you use to build your app?. Please specify the version

Angular version:

"@angular/animations": "4.2.6",
"@angular/common": "4.2.6",
"@angular/compiler": "4.2.6",
"@angular/core": "4.2.6",
"@angular/forms": "4.2.6",
"@angular/http": "4.2.6",
"@angular/platform-browser": "4.2.6",
"@angular/platform-browser-dynamic": "4.2.6",
"@angular/router": "4.2.6",
"@angular/cli": "1.4.9",
"@angular/compiler-cli": "4.2.6",

ngx-chips version:

“ngx-chips”: “^1.6.3”

Browser: [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]

all

About this issue

  • Original URL
  • State: closed
  • Created 6 years ago
  • Reactions: 3
  • Comments: 18 (6 by maintainers)

Most upvoted comments

I have the same error.

[...\src\ngx-chips\components\index]
 @ ./src/$$_gendir/node_modules/ngx-chips/ngx-chips.ngfactory.ts 7:0-716
 @ ./src/$$_gendir/app/pages/dashboard/runit/runit.component.ngfactory.ts
 @ ./src/$$_gendir/app/pages/dashboard/dashboard.component.ngfactory.ts
 @ ./src/$$_gendir/app/pages/pages.module.ngfactory.ts
 @ ./src/$$_gendir lazy
 @ ./node_modules/@angular/core/@angular/core.es5.js
 @ ./src/main.ts
 @ multi ./src/main.ts
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! everseed@0.1.0 build: `rimraf dist && ng build "--prod"`
npm ERR! Exit status 1
npm ERR!

Hi, this should be solved with 1.6.5

It hasn’t been fixed yet, use the previous version

I got the same error while trying to build below in prod uses ngx-chips 1.5.2 or 1.6.3 (use @ angular/cli version below) ng build –base-href / --watch --output-path=dist --target=production --environment=prod

“@ angular/cli” 1.2.7/1.2.8/1.4.9/1.5.1/1.5.5/1.6.4

Angular version: “@ angular/animations”: “4.4.6”, “@ angular/common”: “4.4.6”, “@ angular/compiler”: “4.4.6”, “@ angular/core”: “4.4.6”, “@ angular/forms”: “4.4.6”, “@ angular/http”: “4.4.6”, “@ angular/platform-browser”: “4.4.6”, “@ angular/platform-browser-dynamic”: “4.4.6”, “@ angular/router”: “4.4.6”, “@ angular/compiler-cli”: “4.4.6”,

I have the same error. ERROR in ./src/$$_gendir/~/ngx-chips/ngx-chips.ngfactory.ts Module not found: Error: Can’t resolve ‘ngx-chips/components/index’ in ‘project\src$$_gendir\node_modules\ngx-chips’ @ ./src/$$_gendir/~/ngx-chips/ngx-chips.ngfactory.ts 7:0-716 @ ./src/$$_gendir/app/test/test.component.ngfactory.ts @ ./src/$$_gendir/app/test/test.module.ngfactory.ts @ ./src/$$_gendir async @ ./~/@angular/core/@angular/core.es5.js @ ./src/main.ts @ multi ./src/main.ts