vue.js - 如何修复在 vue native 中无法访问样式标签？

Question

我试图在 vue native 中显示蓝色文本，但是，它只显示没有颜色的文本。我正在使用具有样式信息的样式标签。

我尝试使用内联样式并且它有效，因此，我认为问题在于访问样式标签。

<template>
  <view class="container">
    <text class="text-color-primary">My Vue Native App</text>
    </view>
</template>

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

这是我得到的链接： https ://i.imgur.com/6gYNdWZ.png

预期的结果应该是相同的文本，但是颜色是蓝色的并且必须在屏幕中间。