Vue.js Vue Uncaught TypeError:\u c不是函数

我使用Vue cli+Vue svg loader创建一个图标库，然后将其导出为包

当我这样使用它的时候

<template>
  <div>
    <MyIcon />
  </div>
</template>

<script>
import { MyIcon } from 'package'

export default {
  components: {
    MyIcon
  }
}
</script>

---

如何解决此问题？

在functional component中，render的第二个参数是上下文，而不是vm。功能组件没有自己的vm。请参阅，第一个参数是createElement，与正常组件的

vm.\u c

类似。在您的情况下，您必须使用

\u h

而不是

vm.\u c

它不能如此复杂：

const MyIcon={
功能性：对，
渲染：函数渲染（_h，ctx）{
返回_h（'svg'，Object.assign（{}，ctx.data），
{attrs:Object.assign({
“xmlns”：”http://www.w3.org/2000/svg",
“宽度”：“28”，
“高度”：“28”，
“视图框”：“0 0 28”
}，ctx.data.attrs | |{}），
[_h（'路径'）{
属性：{
“d”："1.659-1.1 1 1.1 1 1.1 1 1.1 1 1.1 1 1.1 1 1.1 1 1.1 1 1.1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.839-.346l9.9-9.9A1.113,1.113,0,0,0151.406139.047ZM156142A13.7,13.7,0,0,1-1.878,7.027,13.937,13，
“转换”：“转换（-128-128）”，
“填充”：“当前颜色”
}
})，ctx.children]）；
}
};
新的Vue（{components:{MyIcon}}）。$mount（'div'）

导入

应该在

标记内谢谢你，我的错，问题仍然存在。