0

我没有让我的标签在我的 Vue 项目中工作。我创建了一个 Stencil.js 组件测试，它只是您创建 Web 组件时来自 stencil 的原始代码。我已将它作为公共包上传到 NPM。

所以现在应该只是在我的 vue 应用程序中安装和导入包，但我不能让它工作。（Vue 应用程序只需使用 Vue CLI 构建并具有打字稿）

当我这样做时，npm install stencil-component-test --save我可以在我的 node_modules 中看到代码，这样就可以了。

我尝试在我的 Home.vue 中导入和使用它

<template>
  <div class="home">
    <img alt="Vue logo" src="../assets/logo.png" />
    <HelloWorld msg="Welcome to Your Vue.js App" />
    <my-component></my-component>
  </div>
</template>

<script>
// @ is an alias to /src
import HelloWorld from "@/components/HelloWorld.vue";
import MyComponent from "stencil-component-test";

export default {
  name: "home",
  components: {
    HelloWorld,
    MyComponent
  }
};
</script>

如果我查看 chrome dev-tools，它只是一个空标签。我究竟做错了什么？

4

0 回答 0