Hi there! Following the documentation I'm trying to add angular material, but I'm getting this error:

Skipping installation: Package already installed
? Choose a prebuilt theme name, or "custom" for a custom theme: Indigo/Pink [ Preview: ]
? Set up global Angular Material typography styles? Yes
? Include the Angular animations module? Include and enable animations
UPDATE package.json (2946 bytes)
â § Installing packages (npm)...npm error code ERESOLVE
npm error ERESOLVE could not resolve
npm error
npm error While resolving: angular-in-memory-web-api@0.16.0
npm error Found: @angular/common@17.3.0
npm error node_modules/@angular/common
npm error @angular/common@"^17.0.8" from the root project
npm error peer @angular/common@"^17.0.0 || ^18.0.0" from @angular/cdk@17.3.0
npm error node_modules/@angular/cdk
npm error @angular/cdk@"^17.0.4" from the root project
npm error peer @angular/cdk@"17.3.0" from @angular/material@17.3.0
npm error node_modules/@angular/material
npm error @angular/material@"^17.0.4" from the root project
npm error 13 more (@angular/forms, @angular/material, ...)
npm error
npm error Could not resolve dependency:
npm error peer @angular/common@"^16.0.0" from angular-in-memory-web-api@0.16.0
npm error node_modules/angular-in-memory-web-api
npm error angular-in-memory-web-api@"^0.16.0" from the root project
npm error
npm error Conflicting peer dependency: @angular/common@16.2.12
npm error node_modules/@angular/common
npm error peer @angular/common@"^16.0.0" from angular-in-memory-web-api@0.16.0
npm error node_modules/angular-in-memory-web-api
npm error angular-in-memory-web-api@"^0.16.0" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) dependency resolution.
npm error
npm error
npm error For a full report see:
npm error C:\Users\sebas\AppData\Local\npm-cache\_logs\2024-05-21T08_53_42_890Z-eresolve-report.txt

npm error A complete log of this run can be found in: C:\Users\sebas\AppData\Local\npm-cache\_logs\2024-05-21T08_53_42_890Z-debug-0.log
✖ Package install failed, see above.
The Schematic workflow failed. See above.


I have tried with this lines but the result is the same:
npm cache clean --force
npm install --force

So I started to update each dependency one by one:
npm install datatables.net@latest --force
npm install jasmine-core@last --force
npm install angular-datatables@latest -force

Finally, I was able to install angular material.
But the solution dosent work (ng serve), it has a lot of error in a lot of files:

datatableConfig: DataTables.Settings = {};
'DataTables' only refers to a type, but is being used as a namespace here

'DataTables' only refers to a type, but is being used as a namespace here.
@Input() datatableConfig: DataTables.Settings = {};

Parameter 'callback' implicitly has an 'any' type.
callback

Parameter 'data' implicitly has an 'any' type

And the list of errors go on...


I tried: npm install @types/datatables.net --save-dev
npm install jquery --save

But there are a lot of error in all parts of the project.

I'm sorry, I'm really frustrated with this solution. Each time that I want to use it, it has a lot of problems with the dependencies. I have 2 post more related to the dependencies.

I don't understand how it is viable. Even if I can make it work, updating the solution in a near future will be more complicated than my whole development.