时间戳

首页 > 解决方案 > 无法使用 vue-cli 和 vue3 创建 Web 组件

web-component - 无法使用 vue-cli 和 vue3 创建 Web 组件

问题描述

我正在尝试让 web 组件在 vue3 项目中工作。

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

  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。

标签： web-componentvuejs3

解决方案

推荐阅读