How to fix error when importing parent component into child Vue.js?

Question

Vue.js

Good time!
The essence of the problem is this:
What can cause the error Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option. when importing a parent comment <temp-component>into a child one with the following hierarchy:

<temp-component>
      <rowComponent>
            <colComponent>
                   и тут импортируется <temp-component></temp-component>
            </colComponent>
      </rowComponent>
</temp-component>

I remove the import <temp-component>in the child element, everything works.

Answer 1

Components must have the name property specified, in components of a child component, the name of the parent component must be the same as name.

Answer 2

Perhaps the used component was specified incorrectly, or was not specified at all.

import TempComponent from './temp-component.vue'
export default {
  name: 'root-component-name',
  components: {
  TempComponent
  }
  etc...
}