7,454 questions
0
votes
1
answer
70
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
1
answer
66
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 ...
- 1
0
votes
0
answers
42
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 ...
- 612
-1
votes
1
answer
41
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>&...
0
votes
0
answers
57
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 ...
- 4,901
0
votes
0
answers
39
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 ...
- 31
0
votes
1
answer
138
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
61
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 ...
- 399
1
vote
1
answer
684
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 ...
- 351
-4
votes
1
answer
46
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 ...
- 1,338
3
votes
1
answer
141
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
37
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&...
- 11
0
votes
1
answer
51
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 { ...
- 29
1
vote
1
answer
34
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 ...
- 39.3k
-1
votes
1
answer
102
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 ...
- 1
0
votes
1
answer
396
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 ...
- 2,985
1
vote
0
answers
358
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-...
- 272
0
votes
0
answers
197
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
69
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/...
- 67
0
votes
0
answers
265
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
43
views
ng version show error at Angular, @angular-devkit/build-angular, typescript, zone.js
ng version
_ _ ____ _ ___
/ \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _|
/ △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | |
/ ...
1
vote
2
answers
1k
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\<...
- 126
0
votes
1
answer
60
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?
- 48k
2
votes
2
answers
216
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 ...
- 51
2
votes
2
answers
111
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 ...
- 31
0
votes
1
answer
142
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,293
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 ...
- 905
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 ...
- 5,629
1
vote
0
answers
52
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, ...
- 11
1
vote
2
answers
9k
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@...
- 373
0
votes
0
answers
55
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 ...
- 1
0
votes
1
answer
142
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 ...
- 103
3
votes
0
answers
61
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 ...
- 31
1
vote
1
answer
336
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
152
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 --...
- 31
0
votes
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",
...
- 181
2
votes
1
answer
140
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
618
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
103
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
107
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=...
- 2,420
0
votes
1
answer
626
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 ...
- 113
1
vote
0
answers
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 ...
- 2,392
0
votes
1
answer
96
views
Problems when setting up the environment (Angular)
I followed this tutorial https://angular.dev/tools/cli/setup-local to set up local environment and workspace (Angular).
The npm version was 10.9.0 and node version was 22.11.0
Everything went smoothly ...
1
vote
1
answer
84
views
Terminal gets stuck when trying to update Typescript for and Angularv18 project
I have a an Angular project (which has multiple projects inside) which I updated to Angular v18.2.12. I managed to update all dependencies but TS doesn't let me build, since 4.0.8 is installed but ...
1
vote
1
answer
769
views
How to use SCSS mixins in angular component.scss file?
How do you use a scss mixin in an Angular component?
CONTEXT
I created a file for my scss mixins in /src/styles/_mixins.css and imported this mixins file into the global style file styles.scss like ...
- 402
1
vote
1
answer
82
views
why recent angular project build outputs individual component css source map
I generated a new Angular 18 project from scratch and brought over my components to take advantage of new option defaults and settings. I'm happy I did so, but I noticed that it now seems to be ...
- 730
0
votes
0
answers
75
views
This error has been happening since I installed version 17.0.0 of Angular CLI "Error: The service was stopped: spawn C:
This error started when I installed Angular CLI 17, the ng serve command runs the program, but when I click to open the page in the browser this error appears in the terminal
- 87
0
votes
0
answers
54
views
Different versions of global Angular CLI and project version
I have angular CLI 17.0.0 installed globally on my machine and I am creating projects from it, but the projects created when I run the ng version command in their directory, the project's angular CLI ...
- 87
1
vote
0
answers
57
views
Angular Global CLI not updating
I am trying to update my global Angular CLI version but I can see the previous version always showing.
What I am doing for that:
Uninstall the global angular version (sudo npm uninstall -g angular-...
- 171
2
votes
1
answer
141
views
Is it possible to work with different versions of Angular?
I have version 17 of Angular CLI installed globally on my machine, however I would like to use version 15 of Angular in a specific project, how can I do this locally without having to change the ...
