javascriptangulartypescriptangular19angular-language-service

'imports' is only valid on a component that is standalone


I updated my Angular 18 applications (with standalone components standalone: true) to Angular 19 using ng update:

❯ Updates non-standalone Directives, Component and Pipes to 'standalone:false' 
  and removes 'standalone:true' from those who are standalone.

So far so good, all standalone: true are removed.

However, Visual Studio Code is now issuing following error for imports: [RouterLink, ...]:

'imports' is only valid on a component that is standalone.

What did I miss?

I followed this guide:


Solution

  • Either restarting VS Code, updating angular language service as mentionened here,

    but if that doesn't solve the issue and you have a workspace containing multiple different angular projects, try to make a clean workspace containing only v19 projects.