无法通过使用vue-cli和vue3创建Web组件

问题描述

我正在尝试让vue3项目中的Web组件正常工作。

我做了以下步骤。 （尝试制作超级简单的方法）

1. 我在vue-cli上做了一个新项目。
2. 我选择了vue3预览。
3. 之后，我尝试执行脚本，该脚本应该从现有项目组件中生成Web组件。 vue-cli-service build --target wc-async 'src/components/*.vue'

我收到以下错误：

 error  in ./src/components/HelloWorld.vue?vue&type=template&id=0dfd15f1&bindings={"label":"props"}?shadow

Module build failed (from ./node_modules/thread-loader/dist/cjs.js):
Thread Loader (Worker 0)
Unexpected token ? in JSON at position 17

    at JSON.parse (<anonymous>)
    at Object.TemplateLoader (C:\git\vue-tests\footest\node_modules\vue-loader-v16\dist\templateLoader.js:37:154)

 @ ./src/components/HelloWorld.vue?vue&type=template&id=0dfd15f1&bindings={"label":"props"}?shadow 1:0-424 1:0-424
 @ ./src/components/HelloWorld.vue?shadow
 @ ./node_modules/@vue/cli-service/lib/commands/build/entry-wc.js

我使用vue2启动模板测试了这种情况，并且一切正常。有什么我不正确理解的东西吗？还是它不能与vue3一起使用。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）