Я новичок в Vue и Vuetify. Я создаю простое приложение, используя рендеринг TSX - Typescript JSX -. Приложение работает в браузере со следующей ошибкой в консоли
[Предупреждение Vue]: Неизвестный пользовательский элемент: ‹v-app› - вы правильно зарегистрировали компонент? Для рекурсивных компонентов обязательно укажите параметр «имя».
найти в
---> в src / App.vue
[Предупреждение Vue]: Неизвестный пользовательский элемент: ‹v-content› - вы правильно зарегистрировали компонент? Для рекурсивных компонентов обязательно укажите параметр «имя».
найти в
---> в src / App.vue
...
здесь App.vue
<script lang="tsx">
import { Component, Vue } from "vue-property-decorator";
@Component
export default class App extends Vue {
render() {
return (
<div id="app">
<v-app>
<v-content>
<p>Hello World</p>
</v-content>
</v-app>
</div>
);
}
}
</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>
main.ts
import Vue from 'vue'
import './plugins/vuetify'
import App from './App.vue'
Vue.config.productionTip = false
new Vue({
render: h => h(App),
}).$mount('#app')
плагины / vuetify.ts
import Vue from 'vue'
import Vuetify from 'vuetify/lib'
import 'vuetify/src/stylus/app.styl'
Vue.use(Vuetify, {
iconfont: 'md',
})
вы можете найти полные файлы проекта по ссылке github ниже https://github.com/janucaria/vuetify-tsx-demo