Angular is a TypeScript-based free and open-source web application framework led by Google’s Angular Team and a community of individuals and corporations. Angular is a total rewrite by the same team that created AngularJS.

Many of you, like us, may continue to encounter numerous errors while using the tool. 

One of the most frequently asked Angular questions, for example, is “An unhandled exception occurred: NOT SUPPORTED: keyword “id”, use “$id” for schema ID“. So, how can this be resolved? We will collaborate to find the best solutions for you.

How does it occur?

You are trying to update lint, but you face the following error.

An unhandled exception occurred: NOT SUPPORTED: keyword "id", use "$id" for schema ID

Simple ways to fix the error “An unhandled exception occurred: NOT SUPPORTED: keyword “id”, use “$id” for schema ID”

We have compiled some solutions to handle the above error. Read each method carefully and choose the solution that is suitable for you.

Solution 1: Downgrade to 12

One way to fix this error is you can remove the current package, get a lower cli angle version for example v12 and install it. Use this line:

Solution 2: Run v13 before Angular 13

According to the latest update, some new versions are currently not stable, thus leading to the above error. In this case, you need to use the v13 prerelease with Angular 13. Execute this command.

ng add @angular-eslint/schematics@next

Solution 3: Setting Tailwind CSS 

In this method, you need to follow these steps.

Install the dependencies:

npm install tailwindcss@latest @ngneat/tailwind@latest

Make a Tailwind CSS configuration file at the root of your workspace.

npx tailwindcss init

Add purge configurations.

module.exports = {

  ...

  purge: {

    enabled: guessProductionMode(),

    content: [ "<path/to/project/**/*.{html, ts, jsx, etc}>" ],

  },

  ...

}

Import Tailwind CSS styles into your project’s root styles file.

@import 'tailwindcss/base';

@import 'tailwindcss/components';

@import 'tailwindcss/utilities';

Now, we believe that your error will be fixed.

Conclusion

If you’re stuck on the error “An unhandled exception occurred: NOT SUPPORTED: keyword “id”, use “$id” for schema ID”, the remedies listed above are the fastest way.

People have a growing community where everybody is usually willing to help if you still need advice or have frequent Angular doubts. Finally, we hope you’re having fun with the amazing code options and appreciate spending time reading.