Angular 12 Project is attempting to disable the Ivy compiler

I updated angular 10 to 12 and now when i try to build it this warning is being displayed: Project is attempting to disable the Ivy compiler. Angular versions 12 and higher do not support the deprecated View Engine compiler for applications. The Ivy compiler will be used to build this project. Project is attempting […]

By Behnam Aminazad
Published
Categorized as angular, angular12 Tagged ,

Angular update from 10 to 12 ssr issue

I did upgrade Angular version from 10 to 11 and then from 11 to 12 from Angular documentation on advanced app complexity everything works fine but when i tried to build project with Angular universal I’m experiencing error below : ./server.ts – Error: Module build failed (from ./node_modules/@ngtools/webpack/src/ivy/index.js): Error: /Users/bobvv/kl-front/server.ts is missing from the TypeScript […]

By Behnam Aminazad
Published
Categorized as angular, angular12, typescript Tagged , ,

Angular ssr css variables name change issue

Suddenly some of my css variable names on SSR build on server are being changed to something else and not working. For example i have .color-black-75 { color: var(–black-75-color); } in my styles.css but when i build project on server in browser it turns to: i checked out to older commits from 1 month and […]

By Behnam Aminazad
Published
Categorized as angular, css Tagged ,

Lazyload angular modules being loaded on another routes

I’m using angular lazyloading to lazyload my modules and here is my routes: { pathMatch: ‘full’, path: ”, loadChildren: () => import(‘./pages/landing/home-page/home-page.module’).then(m => m.HomePageModule) }, { path: ‘web-design’, loadChildren: () => import(‘./pages/landing/web-design/web-design.module’).then(m => m.WebDesignModule) }, { path: ‘content’, loadChildren: () => import(‘./pages/landing/content/content.module’).then(m => m.ContentModule) }, { path: ‘profile’, loadChildren: () => import(‘./pages/public/freelancer-profile/freelancer-profile.module’).then(m => m.FreelancerProfileModule) }, […]

By Behnam Aminazad
Published
Categorized as angular, lazy-loading Tagged ,

Ngx-loadable and angulsr SSR

Using Ngx-loadable will remove lazy loaded content from ssr so that data won’t be present in page source after page load. I want to know does that effect google indexing page for that part’s content ? because as far as i know google reads content from page source and this will damage seo even though […]

By Behnam Aminazad
Published
Categorized as angular Tagged

npm install esbuild-* unsupported warning

I just upgraded my angular from 10 to 12 from https://update.angular.io/?l=3&v=10.0-12.0 and every step was successful and now npm install is giving bellow warnings: npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/esbuild-darwin-arm64): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"arm64"} (current: {"os":"darwin","arch":"x64"}) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/esbuild-freebsd-arm64): npm […]

By Behnam Aminazad
Published
Categorized as angular, npm, npm-install Tagged , ,

Where to store Angular configurations

I have some configurations and i need a place like .env in laravel or docker to choose my socket types ( using Pusher or Socket io ) or payment gateways and change them easily if needed. I found out that environment.ts is not the place for those configurations and people recommended making static ts files […]

By Behnam Aminazad
Published
Categorized as angular, typescript Tagged ,

Adding directive to an element using Renderer2

I have a directive that implements a slider when you hover the element, If you visit this site when you hover the image the directive makes other images absolute to the main one and enables arrows for sliding to next image, The only problem is that i have a appLazyLoadWithLoading directive that loads images when […]

firefox somehow caches images in angular bootstrap modal even when you change src

I am using bootstrap modal in my angular project. in my search worksample page i have one single modal component used for showing full worksample detail and each time a worksample is being opened i change the input of that modal component. in Chrome everything works fine and when you open different worksample modals each […]

angular lazyload pages with same start path

I have a pretty big project and in order to reduce bundle size i decided to divide it into multiple modules with lazy load. and here is my app-routing const routes: Routes = [ { path: ‘profile’, loadChildren: () => import(‘./pages/public/freelancer-profile/freelancer-profile.module’).then(m => m.FreelancerProfileModule) }, { canActivate: [LoginGuardService], path: ‘panel’, loadChildren: () => import(‘./pages/private/private.module’).then(m => m.PrivateModule) […]

Still Have Questions?


Our dedicated development team is here for you!

We can help you find answers to your question for as low as 5$.

Contact Us
faq