7,430 questions
0
votes
1
answer
32
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",
"...
-7
votes
0
answers
44
views
TS2502 Errors When Scaffolding Angular 14 App with Node 14.21.3 [closed]
Why is my Angular 14 project still picking up Node 20 Web-Streams types even though I’m on Node 14.21.3 and have pinned/purged @types/node?
Is there an Angular CLI flag or additional config that ...
1
vote
1
answer
54
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 ...
- 389
1
vote
1
answer
154
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
39
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,328
3
votes
1
answer
100
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
23
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
38
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
29
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.2k
-1
votes
1
answer
77
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
0
answers
339
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
259
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
134
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
62
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
190
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
40
views
ng version show error at Angular, @angular-devkit/build-angular, typescript, zone.js
ng version
_ _ ____ _ ___
/ \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _|
/ △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | |
/ ...
1
vote
2
answers
869
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
55
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?
- 47.7k
2
votes
2
answers
157
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
94
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
86
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,143
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
1
answer
703
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,611
1
vote
0
answers
44
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
7k
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@...
- 355
0
votes
0
answers
53
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
75
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
49
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
2
votes
1
answer
73
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 --...
- 21
0
votes
1
answer
2k
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
1
vote
1
answer
94
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
555
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
95
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
52
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
519
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 ...
- 93
1
vote
0
answers
856
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
87
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
69
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 ...
0
votes
1
answer
590
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 ...
- 362
1
vote
1
answer
64
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
58
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
- 77
0
votes
0
answers
44
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 ...
- 77
1
vote
0
answers
49
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-...
- 191
2
votes
1
answer
88
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 ...
0
votes
0
answers
90
views
Opt-out of Angular v16 overriding TypeScript target to ES2022
I realized that Angular CLI overrides tsconfig target property to ES2022. I want to opt-out that because my tsconfig target is set to ES2020. I must give support to Chrome v90 browsers. Is it possible,...
- 1
0
votes
1
answer
274
views
Ng build angular cli and angular compatibility issues
When I run ng build I get this error
This version of CLI is only compatible with Angular versions ^13.0.0 || ^13.3.0-rc.0,
but Angular version 18.2.10 was found instead.
These are my current versions
...
- 263
1
vote
0
answers
69
views
Dynamic import of CommonJS yields different result between dev-server and production targets
My Angular 18 application is using the new Angular build system, utilising the "application" target for production builds, thus making my local "dev-server" target use vite.
...
- 349
0
votes
1
answer
610
views
How to exclude a library from Angular's cache?
I have created a library for handling my tokens during local development. It contains a CLI tool which dynamically fills a JSON file with the current tokens, and a JavaScript function to load the ...
- 18.1k
1
vote
0
answers
41
views
issue while trying to create a new angular project within the existing development tree
so i already installed angular in node.js while using the command npm install -g @angular/cli.
Then I tried to create a new Angular application using the command so that i can create a new tree within ...
- 11
0
votes
1
answer
105
views
Do default angular.json options override?
My simplified angular.json config is below. I am using Angular 16. I understand the default for outputHashing in Angular is none.
Given the below config, if I execute:
ng build --configuration=...
- 57.6k