The error message is as follows

The reason is that the name of the imported component is the same as the name of the component you defined , as shown in the following two places

 Solution: modify the name of the custom component to ensure that the imported component name is unique

Similar Posts:

• React Error: Import in body of module; reorder to top import/first
• Example of Django model unique together
• Vue3 router view keep alive include does not work [How to Solve]
• Ionic6: did you add it to @ ngmodule.entrycomponents
• Solution to the problem of consider defining a bean of type ‘xxx’ in your configuration in spring boot auto injection
• Vue adds route errors dynamically: Uncaught Error… [How to Solve]
• [Solved] TypeError: Cannot read properties of undefined (reading ‘templateName’)
• sorry, unimplemented: non-trivial designated initializers not supported
• Front end development: solve the problem of emitted value instead of an instance of error in Vue project