Questions tagged [ngx-build-plus]

22 questions
4
votes
0 answers

Angular web component with differential loading gives: Uncaught TypeError: Cannot read property 'ɵɵdefineComponent' of undefined

My objective is to develop an Angular web component, that I can use in my "normal" parent SPA - and a Wordpress site. When consuming the web component on the Wordpress site, I package everything together in a single bundle with ngx-build-plus.. This…
DauleDK
  • 3,313
  • 11
  • 55
  • 98
3
votes
1 answer

ngx-build-plus:externals not working for Angular 13

As Angular 13 is not producing UMD-Bundles any longer the command ng g ngx-build-plus:externals --project MY_PROJECT currently creates an invalid angular.json (pointing to the non-existing UMD-Bundles). Here is umd bundles referred in…
Karthikeyan
  • 183
  • 1
  • 8
3
votes
0 answers

ngx build plus using url-loader

I'm trying to extend Angular CLI build by ngx-build-plus. All is working fine except one thing. I need to use url-loader for png and svg images. I expect that it will replace urls in css by code of image. But it doesn't work. I'm just getting a pack…
Beardless
  • 31
  • 2
2
votes
0 answers

angular elements in firefox "this.ngElementStrategy is undefined"

I'm using ngx-build-plus for compile element to js. class NgElementImpl Error ERROR TypeError: can't access property "events", this.ngElementStrategy is undefined throw at line 512. And the break point is fired. But the point at line 481…
2
votes
0 answers

How to share external libraries between multiple angular elements

I'm currently working with Angular Elements and more specifically trying to make multiple Elements communicate and interact with each other. In my case, the two elements I am trying to create share an external library (ag-grid) which enables them to…
2
votes
1 answer

While creating angular-element, multiple chunk files are generated. How to I merge all of them into one

I have created an angular element and bundled it using ngx-build-plus. After bundling, other than the main,vendor, polyfills etc, I have 100+ chunk files in my dist folder. How do I merge them all into one file. How do I use these files in another…
2
votes
2 answers

How to run e2e test with ngx-build-plus (extra-webpack-config)?

I use ngx-build-plus to include a special webpack loader to integrate special custom files into our Angular-CLI build process (Angular 10). Everything works fine, however I couldn't find a way to use e2e-tests this way, it's not even taking the…
hoeni
  • 3,031
  • 30
  • 45
1
vote
1 answer

Invariant Violation: expected hoisted manifest for ngx-build-plus in yarn install

I have updated angular application to 15 and i try to update ngx-build-plus to 15 but facing below error Invariant Violation: expected hoisted manifest…
1
vote
0 answers

ngx-build-plus:externals not working for Angular 14

Since upgrading my Angular project from Angular12 to Angular 14, I receive following error: ng serve --extra-webpack-config webpack.partial.js -o or ng serve or ng build all result…
Boommeister
  • 1,591
  • 2
  • 15
  • 54
1
vote
4 answers

Angular migration from 12 to 13 getting error : Cannot destructure property 'styles' of 'buildOptions.sourceMap' as it is undefined

Im trying to upgrade my angular version from 12 to 13 but getting error "An unhandled exception occurred: Cannot destructure property 'styles' of 'buildOptions.sourceMap' as it is undefined." Im using below command which is provide on offitial…
Rashmi Thakur
  • 13
  • 1
  • 4
1
vote
0 answers

Is there a way to bundle a JS library inside a UMD library bundle?

I am building an Angular library and the client of the library needs to use it as a UMD module. I have the need to use some libraries such as date-fns. When building the library it throws the following warnnings: Bundling to UMD WARNING: No name was…
Diogo Soares
  • 130
  • 2
  • 8
1
vote
1 answer

load remote url in angular route loadchildren

I am trying to load a lazy-loaded application from a server localhost://4600 inside a client application localhost://3000 as an angular-element using ngx-build-plus, but when I load the angular element it fetches chunks using the client…
1
vote
2 answers

Sharing libraries among angular micro app elements

I have an micro app element and a shell app which works fine normally. However, I'm trying to build the micro app without the common libraries and refer to them from the global scope. I followed the following tutorial Building angular elements with…
1
vote
0 answers

Externalize Kendo UI module from Angular app

I'm using ngx build plus and trying to externalize a Kendo module, like Kendo Angular Buttons. Issue I'm running into is the Kendo UI library does not have a .umd file (its not an Angular library project). And I have externalized successfully with…
strider
  • 2,157
  • 5
  • 30
  • 38
0
votes
0 answers

Can an Angular app with version X use web components that have been bundled with ngx-build-plus in another Angular version?

I have an Angular app that is using version X of Angular and I want to use web components that are bundled with ngx-build-plus. However, the web components are using a different version of Angular when bundled than my app. Is it possible to use the…
krema
  • 939
  • 7
  • 20
1
2