我正在尝试使用 PrimeVue项目,但是对于 nativescript 和 javascript 而言,我一般来说是新手,我要么被难住了,要么在错误的树上吠叫。我将它添加到我的 nativescript-vue 项目中
- npm install primeicons --save
- npm install primevue --save
我在我的 node_modules/primevue 中看到了源代码。但是,当我尝试在我的 app.js 中声明它们时:
import Vue from "nativescript-vue";
import Button from 'primevue/button';
import ToastService from 'primevue/toastservice';
Vue.use(ToastService);
Vue.component('Button', Button);
const vn = new Vue({
render: h => h('frame', [h(routes.home)])
}).$start();
在我的 home.vue 中,我将其包括为:
<template>
<Page class="page">
<FlexboxLayout flexDirection="column" justifyContent="center" class="full-height">
<StackLayout class="container" alignItems="right">
<Button class="p-button-raised p-button-rounded" label="Submit"/>
</StackLayout>
</FlexboxLayout>
</Page>
</template>
但实际上并没有渲染。在我的 IDE 中,我看到一个警告
“未解决的样式类。检查信息:正在建设中”