7,457 questions
0
votes
2
answers
137
views
+50
How to inject values from a .env file into Angular environment.ts files during development and prod builds?
I have an Angular 18 app and need to inject environment variable values from a .env file into my environment.ts file and environment.development.ts. I want the values available during development (ng ...
1
vote
0
answers
70
views
Nx Angular build fails intermittently with nx run frontend:build:development - no error output despite --verbose flag
I'm experiencing intermittent build failures with my Angular application in an Nx monorepo. The build command nx run frontend:build:development sometimes succeeds and sometimes fails, but I cannot get ...
1
vote
0
answers
68
views
Nx build fails on Jenkins, but works fine everywhere else
I have an angular app which builds fine in all our dev environments. But, fails to run in jenkins every single time. The only difference is in Jenkins we run it inside a docker container.
npm install ...
1
vote
1
answer
43
views
Using ESLint through "ng lint" CLI command returns error "All files matching the following patterns are ignored: - '/src/**/*.ts' - '/src/**/*.html'
I'm trying to run ESLint through the ng lint CLI command, but it fails, returning the following error:
Error when running ESLint: All files matching the following patterns are ignored:
- '/src/\*\*/\*....
4
votes
0
answers
123
views
Long compile time in angular 20
After upgrading my angular project from 19.2.15 to 20.3.1
My project's compile time (ng build) when from 85.426 seconds to 453.679 seconds.
The resulted bundle size difference is minimal (different by ...
0
votes
0
answers
29
views
How to remove 'unsafe-eval' from CSP in legacy ASP.NET Core 3.1 MVC + Angular 12 project using MVC and JIT compilation?
I have a legacy project developed with ASP.NET Core 3.1 MVC and Angular 12 (originally it was Angular 5).
I need to set a Content Security Policy (CSP) for the website without using 'unsafe-val' to ...
1
vote
0
answers
24
views
Angular-Cli: @defer on template is not working with @ngtools/webpack
my angular project doesn't have cli, rather we have implemented the build using @ngtools/webpack.
I am trying to use @defer in my template to lazyload one of the component. it's supposed to create a ...
1
vote
2
answers
62
views
Angular 17 R3Injector error not showing actual issues
I posted a similar question yesterday, but I am having an issue where I am upgrading an Angular project to 17 (same issue with 20.x) and it builds, but fails to run post ng serve and ng serve --...
0
votes
1
answer
83
views
Angular CLI generated component test files are still modular
I created a component using the Angular CLI (quite recent version)
ng --version
19.2.14
I did this using ng g c foo
The problem I have with this is that the FooComponent is standalone (it should be)...
0
votes
0
answers
76
views
How to tell the angular cli to let tailwind apply style to svgs in my public folder
I am building a angular frontend (v20) with tailwind 4.
To keep my svgs separated from my UI code, I want to put them into a separate folder.
I found out that for angular to serve the resources to the ...
0
votes
0
answers
69
views
How to integrate MapLibre GL JS CSP version with Angular
I am trying to integrate MapLibre GL JS into a typescript based Angular app, but I have a strict CSP policy and need to use the alternative CSP version that is supplied in the npm package. The ...
-1
votes
1
answer
44
views
How can I pull Angular application files from CDN?
After Angular builder has done its job, index.html already has JS and CSS files auto linked.
Like this:
<!doctype html>
<html lang="en" data-beasties-container>
<head>&...
1
vote
0
answers
76
views
Angular app fails to start and build in Linux server or Docker image being run on Linux Server
I am facing strange issue with ng serve and ng build commands since version 19.2.11. When I run these commands on Oracle Linux server or via Docker build I see EsBuild error
[root@SERVER test]# pnpm ...
0
votes
0
answers
48
views
How can I replace my old Angular landing page with a new Angular 19 + Tailwind template while keeping my existing Metronic 7 dashboard(Angular 15)?
I'm trying to replace the landing page of my existing Angular project with a new template I purchased. Here's the situation:
My original project was built using Angular 13, and it includes a ...
0
votes
1
answer
201
views
Error: Could not find the '@angular-devkit/build-angular:dev-server' builder's node package
While running angular project first time using ng serve this thorws the error.
Error: Could not find the '@angular-devkit/build-angular:dev-server' builder's node package.
{
"name": "school-mgt",
"...
1
vote
1
answer
70
views
How to make npm overrides work in stackblitz Angular CLI?
I want to replicate a bug in our Angular 14 project with NgxEditor on stackblitz. But I could not get pass the error Error: Can not convert <"Hello "> to a Fragment (looks like ...
1
vote
0
answers
1k
views
Having issues building angular app using bun run
Has anyone started an angular project with bun in windows.
I'm currently facing an issue when trying to run the app using bun, the build takes more than an hour to build.
The steps I took:
bun install ...
-4
votes
1
answer
52
views
Choose Node.js path when executing npm scripts
When running npm run dev I'd like to have npm use a specific version of Node. In other words, I'd like to configure this script to use a specific Node path.
To make things even more complicated the ...
3
votes
1
answer
200
views
Angular elements: ng build in Angular 18 with --optimization=true emits broken artifacts
when I try to build the module with the flag --optimization equal to false, then everything works just fine. The compilation finishes without any issues and I can use my web-component as well. Once I ...
1
vote
0
answers
41
views
New application created with ng generate application in Angular workspace result in schema error
When I try to create a new application in my workspace with the command ng generate application I get this error
Schematic input does not validate against the Schema: {"name":"my-app&...
0
votes
1
answer
82
views
'FormsModule' does not appear to be an NgModule class
I am trying to import the FormsModule but i get this error
'FormsModule' does not appear to be an NgModule class.
here is my code
import { BrowserModule } from '@angular/platform-browser';
import { ...
1
vote
1
answer
41
views
Poor Angular-CLI 'compile on save' performance
At the moment, after saving a .ts file, I'm seeing
"Generating browser application bundles..."
for 30+ seconds before the browser refreshes. This is painful. Here is what I can tell you so ...
-1
votes
1
answer
111
views
Why is the app.module.ts file missing in the latest Angular project setup? [closed]
I am currently learning Angular as a complete beginner and following a tutorial from a book. In the tutorial, the app.module.ts file is introduced at the very beginning. However, I cannot find this ...
0
votes
0
answers
447
views
Angular 19 with Vite and custom <base href>
I want to have an ASP.NET Server which serves an Angular SPA. The SPA should not be served at /, but on a subpath, say /spa. Basically that means I just have to put the angular build output results in ...
1
vote
0
answers
433
views
How to set a dynamic baseHref?
Problem
With my old setup, I can host localized angular apps with dynamic baseHref (determined at runtime). The Dockerfile runs an nginx server, which serves index.html, polyfills.js (and other non-...
0
votes
0
answers
205
views
Angular app.module.ts not compiling, NgModule not declared, and component import issues
I created a basic Angular project in VS Code, but the app.module.ts file was missing, so I manually created it and added @NgModule. I then generated a new component named user and imported this user ...
1
vote
1
answer
71
views
What version of typescript should we use when updating to angular v17.3, but leaving @angular/material on v16.2
We have a big web-app that uses a lot of angular/material components. When updating angular to v17.3 everything works fine. But because we use a lot of legacy components we want to leave @angular/...
0
votes
0
answers
334
views
Angular Nx Project: “JavaScript heap out of memory” when building/serving with Kendo UI
I'm working on an Angular Nx project that uses Kendo UI for Angular components. Recently, I’ve been facing persistent “JavaScript heap out of memory” errors whenever I run the development server or ...
0
votes
0
answers
45
views
ng version show error at Angular, @angular-devkit/build-angular, typescript, zone.js
ng version
_ _ ____ _ ___
/ \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _|
/ △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | |
/ ...
1
vote
2
answers
2k
views
error Error: Failed to install package "@esbuild/win32-x64"
node: 16.20.0
npm: 10.8.3
angular-cli: 19.0.0
OS: win32 x64
While trying to do npm install on udemy code repository it hits with following error.
npm error path C:\Users\<username>\Documents\<...
0
votes
1
answer
63
views
If we use Angular rxResource with the Angular Http Client will the Angular build tree shake all unused parts of RxJS?
If we use rxResource with the Angular Http Client (So Observables) will the Angular build tree shake all unused parts of RxJS?
2
votes
2
answers
265
views
Unused Injectable services with providedIn: 'root' are Included in main.js, increasing bundle size (Angular 19, Standalone)
Issue:
In an Angular 19 standalone application, I have an API client file containing over 100 @Injectable services, each marked with providedIn: 'root'. However, only 3–4 of these services are used in ...
2
votes
2
answers
124
views
Error TS2339: Property 'customProperty' does not exist on type 'Window & typeof globalThis'
I encountered Error TS2339: Property 'customFunction' does not exist on type 'Window & typeof globalThis'. when trying to build my Angular library.
I am trying to add .d.ts file in my freshly ...
0
votes
1
answer
154
views
How to add a custom header in ng serve proxy (Angular 18+)
I am trying to add a custom header to a proxy request when using ng serve in my Angular 18 app. I've tried the following configurations:
// proxy.config.js
const proxyConfig = {
"/api/v1": ...
2
votes
1
answer
2k
views
Issues Configuring Internationalization (i18n) in Angular 19
I am working on an Angular 19 project, and I'm trying to add internationalization (i18n) features to support multiple languages. I've followed several guides and suggestions, but I keep running into ...
1
vote
2
answers
1k
views
Why does a new Angular 19 app error when executing ng add apollo-angular?
I'm trying to add apollo-angular to my Angular 19 project, but I'm getting the following output in the terminal:
We couldn't find 'esnext.asynciterable' in the list of library files
to be included in ...
1
vote
0
answers
54
views
How do I get node's core modules working with Angular v18?
I'm attempting to use microphone-stream which depends on readable-stream in an Angular v18 application. When running locally I receive a series of errors in the console related to globals, Buffer, ...
1
vote
2
answers
10k
views
Upgrading Angular-CLI from Angular 17 to Angular 19 causing major errors on my system -
I was running nG version 17.3 on my Win10 system. I wanted to upgrade my Angular CLI to latest version 19.
So I did the following steps-
npm uninstall -g @angular/cli
npm install -g @angular/cli@...
0
votes
0
answers
56
views
Angular 9 to angular 10 update (ERROR in Maximum call stack size exceeded)
I update my working angular application from v9 to v10, All packages are updated but when i run the through ng serve i got the below error:
I deleted the node_module folder and reinstall all the ...
0
votes
1
answer
192
views
ng version fails with error "Cannot find module ./package.json"
I tried to install Angular CLI for learning Angular on Node 23 with npm install -g @angular/cli . The install seemed successful but post install while trying to run the ng version command I receive ...
3
votes
0
answers
64
views
Error TS18003 and missing '@angular-devkit/build-angular' in Angular project using mixed versions (Angular 7 and 19)
Background: I am working on an Angular project that combines Angular 7 and some newer Angular 19 packages. The goal is to successfully run the project using ng serve.
The Issue: I am encountering the ...
1
vote
1
answer
412
views
Error NG0800: Importing providers supports NgModule or ModuleWithProviders but got a standalone component after migrating to standalone components
I’ve been migrating my Angular app to use standalone components following the official migration guide. I ran the following commands:
ng g @angular/core:standalone and selected "Convert all ...
2
votes
1
answer
209
views
How to generate optimized sources with and without sourcemaps for production use?
I'm trying to get my head around the usage of sourceMaps to resolve stack traces from production errors in angular.
I want to ship the optimized sources from dist/* generated by ng build --...
1
vote
1
answer
3k
views
Angular 19 CLI Builder Problem in different node versions
I can normally build my app in Angular 17 with either node 18.10.1 or 20.9.0.
When I update to Angular 19 then my build stops working.
Here is my package.json.
{
"name": "app",
...
2
votes
1
answer
159
views
Troubleshooting NG0203 Error: Issues with Angular Library and HttpClient Injection in Production Build
I wasn't able to solve it. I'm counting on your help.
I have an Angular application and a library.
In the library, I have a service where I inject HttpClient. I set HttpClient as a provider in the ...
2
votes
2
answers
644
views
While adding @angular/material module to the angular application it is giving error
I am developing a no standalone angular app with the command --no-standalone but when I'm trying to add @angular/material, it throws the following error:
Cannot find module '..\node_modules\@...
1
vote
0
answers
107
views
How to create and use SCSS files module-wise in an Angular NX application?
I am building a theme-based Angular application using the Nx Framework, and I am trying to organize styles in a modular fashion for better scalability and maintainability.
Here’s my scenario:
I have ...
0
votes
1
answer
160
views
Can Angular output hashing use a query string parameter instead of renaming files?
The "--outputHashing=all" option changes the name of my files to bust the cache. This is not a great option for me. Can I get this feature to append a query string parameter (like "?v=...
0
votes
1
answer
754
views
Angular 19 build produces empty chunk.js files
Recently updated from v17 to v19.0.0 and now the build contains multiple empty chunk.js files.
It doesn't seem to cause any problems but I'd like to spare myself deleting the empty files over and over ...
1
vote
1
answer
1k
views
Angular 18 optimization error when running ng serve configuration
I am doing a Mock App in Angular 18. Following and example I want to simulate production environment.
I just run ng generate environments without any problems and environment.ts files has been ...