Questions tagged [angular13]

For questions regarding programming in Angular specific to version 13. Please include all relevant tags on your question; e.g., [Angular], [TypeScript], etc.

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…
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; …
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
1
2 3
37 38