createapi 配好了还会提示 $createHeaderDetail is not a function

Question

vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in v-on handler: “TypeError: this.$createHeaderDetail is not a function”

found in

—> at src/components/v-header/v-header.vue
at src/App.vue

warn @ vue.runtime.esm.js?2b0e:619
logError @ vue.runtime.esm.js?2b0e:1883
globalHandleError @ vue.runtime.esm.js?2b0e:1878
handleError @ vue.runtime.esm.js?2b0e:1839
invokeWithErrorHandling @ vue.runtime.esm.js?2b0e:1861
invoker @ vue.runtime.esm.js?2b0e:2178
original._wrapper @ vue.runtime.esm.js?2b0e:6880
vue.runtime.esm.js?2b0e:1887 TypeError: this.$createHeaderDetail is not a function
at VueComponent.showDetail (v-header.vue?e4d7:50)
at invokeWithErrorHandling (vue.runtime.esm.js?2b0e:1854)
at HTMLDivElement.invoker (vue.runtime.esm.js?2b0e:2178)
at HTMLDivElement.original._wrapper (vue.runtime.esm.js?2b0e:6880)

Answer 1

Chimera 2019-03-10 17:04:58

应该是没在main.js里面注册吧， 需要  import './register'

Answer 2

ustbhuangyi 2019-03-07 14:14:24

贴一下你注册的代码，以及你的 HeaderDetail 组件的 name 是什么

• EthanJiao #1

  我也遇到同样的问题了。
  ===main.js===
  import './register'
  
  ===register.js===
  import { createAPI } from 'cube-ui'
  import Vue from 'vue'
  import HeaderDetail from 'components/header-detail/header-detail'
  createAPI(Vue, HeaderDetail)
  
  ===header-detail.vue===
  ...
  export default {
     name:'header-detail'
  }
  ...
  
  ===v-header.vue===
  ...
  methods: {
     showDetail() {
        this.headerDetailComp = this.headerDetailComp || this
            .$createHeaderDetail({
            $props: {
              seller: 'seller'
            }
          })
        ...
     }
  }
  ...

• EthanJiao #2

  哇。。不识别换行符的嘛。。

• EthanJiao #3

  。。突然好了，代码也没改动。。