For questions regarding programming in Angular specific to version 13. Please include all relevant tags on your question; e.g., [Angular], [TypeScript], etc.
Questions tagged [angular13]
562 questions
53
votes
1 answer
Data path "" must NOT have additional properties(extractCss) in Angular 13 while upgrading project
I am facing an issue while upgrading my project from angular 8.2.1 to angular 13 version.
After a successful upgrade while preparing a build it is giving me the following error.
Data path "" must NOT have additional properties(extractCss).
I…

Jayesh Vyas
- 1,145
- 3
- 15
- 35
39
votes
2 answers
What's the .angular directory in the project root about?
According to the docs, there's nothing called .angular being regarded. Yet, in my project, I get that directory, immediately in the root of the project (on the same level as e.g. package.json).
It wasn't there before because my .gitignore would've…

Konrad Viltersten
- 36,151
- 76
- 250
- 438
32
votes
4 answers
Tilde ~ in SCSS @use statement no longer resolving to node_modules as of Angular 13
After upgrading an Angular 12 project to Angular 13 I encountered an issue where SCSS was no longer to locate a shared style sheet in a library. It appears that that Tilde (~) no longer resolves to node_modules.
Broken:
@use '~my-angular-lib' as…

Nick Paton
- 333
- 1
- 3
- 7
17
votes
6 answers
Cannot update a project from Angular 13 to 14
I have a project which uses Angular 13 and I want to update it to Angular 14.
When I try to update with:
ng update @angular/core@14 @angular/cli@14
I get:
Package "@angular-eslint/schematics" has an incompatible peer dependency to "@angular/cli"…

Wain2021
- 299
- 1
- 4
- 12
14
votes
0 answers
Angular13 codelyzer and @angular/core dependency not solving
I used Angular 13.
"@angular/core": "~13.3.11"
"codelyzer": "^6.0.2".
When i used npm install it install all dependencies with below warnings. I try npm audit --force so it converts codelyzer version to 0.0.28 and now npm install throw errors that…

Anant Doshi
- 177
- 1
- 11
14
votes
1 answer
How to fix Directory import '@angular-devkit\build-angular\src\dev-server' is not supported resolving ES modules after updating Angular to version 13
When running ng serve I get the following error after updating my angular version:
An unhandled exception occurred: Directory import…

Niklas
- 171
- 1
- 1
- 10
13
votes
3 answers
After upgrading npm package of Angular app, sass-loader does not work anymore
I just upgraded to Angular 13 from Angular 12 and also updated some other NPM packages.
One of them contained scss files that are referenced in my angular.json file. This was never a problem, but after trying to serve my application I get an error…

David Mason
- 915
- 1
- 9
- 27
11
votes
3 answers
What is best way to go about replacing 'deployUrl' in angular.json for v13?
I'm currently in the process of upgrading my app from v12 to v13 and noticed this warning pop up:
Option "deployUrl" is deprecated: Use "baseHref" option, "APP_BASE_HREF" DI token or a combination of both instead. For more information, see…

tcdevens
- 217
- 1
- 2
- 11
11
votes
1 answer
Angular upgrade own library from 12 to 13 scss Error 'SassError: Can't find stylesheet to import.'
I'm trying to upgrade my Angular projects from 12 to 13 and running into an issue that I cannot fix since two days of work.
My applications are default Angular Material apps with some functionality like a grocery list app.
To insert items I use a…

Fabsi
- 151
- 1
- 4
11
votes
1 answer
WebStorm Angular 13 async pipe: Missing require() statement
After updating to Angular 13, in my WebStorm the async pipe turned red with the message
Missing require() statement
Also, all directives turned with a warning like
No directive is matched on attribute ngIf
I've installed…

Mihai Marinescu
- 741
- 8
- 22
10
votes
4 answers
An unhandled exception occurred: NOT SUPPORTED: keyword "id", use "$id" for schema ID
When running ng deploy I get the following error:
An unhandled exception occurred: NOT SUPPORTED: keyword "id", use "$id" for schema ID
See "C:\Users\theoh\AppData\Local\Temp\ng-Nv0wMh\angular-errors.log" for further details.
The full log of the…

chadoulis
- 383
- 1
- 3
- 15
9
votes
1 answer
Angular 13: Angular Material 13 custom theme throwing error
I have custom theme pallet for my project which is working fine with version ^12.2.13 of the angular material but not with ^13.2.3. Below is my SCSS for custom theming:
custome-mat-theme.scss
@import '~@angular/material/theming';
@include…

Barefaced Bear
- 688
- 1
- 9
- 30
8
votes
3 answers
Worker terminated due to reaching memory limit: JS heap out of memory
After upgrading my angular 10 to angular 13, I got this error after using the command ng serve.
⠧ Generating browser application bundles (phase: building)...events.js:377
throw er; // Unhandled 'error' event
^
Error…

William
- 91
- 1
- 1
- 4
6
votes
1 answer
ERROR in @types/ws trying to update from angular 12 to angular 13
I have updated my project from angular 12 to angular 13 and I'm facing this error:
Error: node_modules/@types/ws/index.d.ts:328:18 - error TS2315: Type 'Server' is not generic.
328 server?: HTTPServer | HTTPSServer | undefined;
…

Thiago Nascimento
- 152
- 1
- 9
6
votes
1 answer
Jest: SyntaxError: Unexpected token 'export' happens at tslib.es6.js
I get this error:
C:\Users\myname\Projects\ConfigEditor\MesConfiguration.WebClient\node_modules\tslib\tslib.es6.js:24
export function __extends(d, b) {
^^^^^^
SyntaxError: Unexpected token 'export'
My jest-esm.config.mjs looks like…

MStephan
- 131
- 3