报错场景：

在一个页面中引入了A和B组件，在A组件中继续引入B组件，在打开A组件时，就出现报错。

报错信息：

[Vue warn]: Unknown custom element: < - > - did you register the component correctly? For recursive components, make sure to provide the "name" option.

报错原因和解决方案：

1. 引入问题：组件必须先于实例化引入。循环调用组件时，组件比Vue示例后创建

   解决方案：修改组件引入方式

   修改前：

   import { SelectFlowModal } from "@/components/opComponents";
   export default {
     name: "XXXX",
     components: {
       SelectFlowModal,
     },
   }
   

   修改后：

   import SelectFlowModal from "@/components/opComponents/selectFlowModal";
   export default {
     name: "XXXX",
     components: {
       SelectFlowModal,
     },
   }
   

2. components拼写错误

3. components重复