无法在 Vue 2 类组件中注册 Lit 组件

问题描述 投票:0回答:0

我在打字稿中创建了一个 Lit 组件。它作为命名导出导出。我无法在 Vue 2 类组件中注册它。以下是我面临的问题:

第一期:

import { MyElement } from 'vite-project';
@Component({
        components: {
            MyElement
        },

这给出了以下运行时错误

vue.runtime.esm.js:4020 TypeError: Cannot call a class as a function
    at _classCallCheck (classCallCheck.js:3:1)
    at M (my-element.ts:18:1)
    at resolveAsyncComponent (vue.runtime.esm.js:2722:1)
    at createComponent (vue.runtime.esm.js:2142:1)
    at _createElement (vue.runtime.esm.js:2319:1)
    at createElement$1 (vue.runtime.esm.js:2269:1)
    at vm._c (vue.runtime.esm.js:2561:1)
    at Proxy.render (Console.vue:23:1)
    at Vue._render (vue.runtime.esm.js:2610:1)
    at VueComponent.updateComponent (vue.runtime.esm.js:3045:1)

第二期:

如果我将其导入为默认导出,则该组件已注册并且运行良好

import MyElement from 'vite-project';

但这给出了编译时警告

"export 'default' (imported as 'MyElement') was not found in 'vite-project/dist/my-element'

以上警告是正确的,因为我没有将 MyElement 导出为默认导出。

我还尝试将 MyElement 导出为默认值,但它再次给出相同的运行时错误。

请帮忙

我应该可以在 Vue 2 类组件中注册组件

vuejs2 web-component lit lit-html vue-class-components
© www.soinside.com 2019 - 2024. All rights reserved.