vue.js - Vue 3 Web 组件不会构建，而是抛出错误

Question

我使用 vue cli 创建了一个新的 vue 项目，然后调整了 main.js 以支持 Web 组件:

import Vue from 'vue';
import wrap from '@vue/web-component-wrapper';
import HelloWorld from "./components/HelloWorld";

const CustomElement = wrap(Vue, HelloWorld);

window.customElements.define('my-custom-element', CustomElement);

运行 vue-cli-service build --target wc 时出现以下错误:

ERROR  Vue 3 support of the web component target is still under development.

我无法弄清楚为什么会出现此错误以及我可以采取什么措施来修复它。

包.json:

...
"dependencies": {
   "@vue/web-component-wrapper": "^1.2.0",
   "core-js": "^3.6.5",
   "vue": "^3.0.2"
 },
 "devDependencies": {
   "@vue/cli-plugin-babel": "~4.5.0",
   "@vue/cli-plugin-eslint": "~4.5.0",
   "@vue/cli-service": "^4.5.4",
   "@vue/compiler-sfc": "^3.0.0",
   "babel-eslint": "^10.1.0",
   "eslint": "^6.7.2",
   "eslint-plugin-vue": "^7.0.0-0"
 },
...

我使用@vue/cli版本4.5.9。

Answer 1

您好，这里有更新。主题见 issue on github并评论twitter看起来 vue 3.2.0 我们又恢复了这个功能，我创建了一个小 stackblitz但如您所见，样式未应用