Vue本机使用本地定义的组件问题

Question

我在做一个Vue原住民的测试。非常熟悉本地的iOS和Android开发，以及web/SPAs环境下的Vuejs。我想我会给Vue原住民一个机会看看如何将它用于我们的一些较小的项目。虽然我才刚开始，但我遇到了一个问题。请参阅下面我的步骤，复制我遇到的问题。

创建一个新项目：

vue-native init vuenativetest --no-expo

然后，我按照这里的基本hello指令：https://vue-native.io/getting-started.html

react-native run-ios --simulator "iPhone 11" //工作良好

然后，我跳过去，从这里开始设置自己的基本组件，但最初尝试“组织”代码。https://vue-native.io/docs/composing.html

创建components/HeaderTest.vue

<template>
  <div>Hello Header</div>
</template>

<script>
export default {
  name: "HeaderTest.vue"
}
</script>

<style scoped>

</style>

App.vue

<template>
  <view class="container">
    <header-test />
    <text class="text-color-primary">{{ message }}</text>
    <button title="Press me!" @press="exclaim" />
  </view>
</template>

<script>
import HeaderTest from "./components/HeaderTest";

export default {
  components: { HeaderTest },
  data() {
    return {
      message: "Hello World"
    };
  },
  methods: {
    exclaim() {
      this.message += "!";
    }
  },
};
</script>

<style>
.container {
  flex: 1;
  background-color: white;
  align-items: center;
  justify-content: center;
}
.text-color-primary {
  color: blue;
  font-size: 30px;
}
</style>

react-native run-ios --simulator "iPhone 11" //启动但看到以下错误

不变冲突:元素类型无效:需要一个字符串(对于内置组件，但got: undefined)。您可能忘记从定义在其中的文件中导出组件，或者您可能混淆了默认和命名inports.

还请注意，我也尝试将它移到目录的根目录中，但没有结果。

我在这里做错什么了？提前感谢您的指导。

编辑:创建了一个git，任何人都应该想看到所有的代码：https://github.com/djneely/vuenativetest

Answer 1

似乎您正在使用不受支持的div标记。正确的标记将是文本或视图。https://vue-native.io/docs/basic-components.html

Answer 2

谢谢。这里的反应似乎是我的新鲜感。根据你的评论。我更新了HeaderTest代码，现在状态很好。谢谢!

<template>
<view>
  <text>Hello Header</text>
</view>
</template>