Vi que este tema tiene muchas preguntas, pero realmente no encontré ninguna respuesta útil para mi caso.

Estoy importando 3 componentes en mi archivo App.vue. 2 de 3 funcionan bien, pero "FrequencyBox.vue" recibe la siguiente advertencia y no se procesa en absoluto:

 [Vue warn]: Component is missing template or render function. at <FrequencyBox> at <App>"

Componente de la aplicación:

 <template> <h1>Sono App.vue</h1> <Header /> <FrequencyBox /> <Footer /> </template> <script lang="ts"> import { defineComponent } from "vue"; import Header from "./components/Header.vue"; import FrequencyBox from "./components/FrequencyBox.vue"; import Footer from "./components/Footer.vue"; export default defineComponent({ name: "App", components: { Header, FrequencyBox, Footer, }, }); </script> <style> #app { font-family: Avenir, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; color: #2c3e50; margin-top: 60px; } </style>

Componente de caja de frecuencia:

 <template> <h1>Sono la Frequency Box</h1> </template> <script lang="ts"> import { defineComponent } from "vue"; export default defineComponent({ name: "FrequencyBox", }); </script> <style></style>

¿Algunas ideas?