Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

NG0300: Multiple components match node with tagname button: MatLegacyButton and MatButton error #2233

Open
nilam-jadhav opened this issue Dec 27, 2023 · 10 comments

Comments

@nilam-jadhav
Copy link

nilam-jadhav commented Dec 27, 2023

Describe the bug

I am using below JSON form package:
"@jsonforms/angular": "^3.0.0",
"@jsonforms/angular-material": "^3.0.0",
"@jsonforms/core": "^3.0.0",
Ans recently upgraded to Angular V15 where using legacy material component, after upgrading to V15 from, getting below error:

core.mjs:8400 ERROR Error: NG0300: Multiple components match node with tagname button: MatLegacyButton and MatButton. Find more at https://angular.io/errors/NG0300

Tried with v3.1.0 still issue persists.

After commenting JsonFormsAngularMaterialModule import, issue doesnt persist, but i need this import in my application so how to get rid of this error
can you help me to resolve this issue?

Expected behavior

Thre should not be any error

Steps to reproduce the issue

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

Screenshots

No response

In which browser are you experiencing the issue?

Every

Which Version of JSON Forms are you using?

v3.0.0

Framework

Core, Angular

RendererSet

Material

Additional context

No response

@lucas-koehler
Copy link
Contributor

lucas-koehler commented Jan 2, 2024

Hi @nilam-jadhav ,
JsonForms 3.0.0 and 3.1.0 are not compatible with Angular 15+.
You can try pre-release version 3.2.0-alpha.4. This includes support for Angular 15.
I'll close this issue. You can re-open it if you continue having problems.

@sdirix
Copy link
Member

sdirix commented Jan 2, 2024

We will update to Angular 16/17 very soon and therefore will no longer be compatible with Angular 15.

@nilam-jadhav
Copy link
Author

Even after upgrading to mentioned version same issue is coming.

@nilam-jadhav
Copy link
Author

@lucas-koehler I am not able to reopen this issue, can you please reopen? or Do I have to open new issue and link this one?

@lucas-koehler
Copy link
Contributor

lucas-koehler commented Jan 11, 2024

Hi @nilam-jadhav , sure. Just to be clear, when using Angular 16 or 17, did you also use the latest pre-release version 3.2.0-beta.0 when re-testing this?

@lucas-koehler lucas-koehler reopened this Jan 11, 2024
@nilam-jadhav
Copy link
Author

Hi @lucas-koehler
I am using Angular 15 with angular-material legacy component, and tried upgrading to version 3.2.0-beta.0 after your comment , now build is failing:
image

@lucas-koehler
Copy link
Contributor

lucas-koehler commented Jan 11, 2024

Hi @nilam-jadhav , after moving to 3.2.0-beta.0, did you also upgrade to Angular 16 or 17? Angular 15 does not work anymore with this.

@nilam-jadhav
Copy link
Author

@lucas-koehler No, I haven't upgraded to Angular 16, its Angular 15 with 3.2.0-beta.0

@nilam-jadhav
Copy link
Author

@lucas-koehler Any update?

@lucas-koehler
Copy link
Contributor

@nilam-jadhav No, did you try it with Angular 16 and get the same result? It is not expected to work with Angular 15

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants