Harta tidak ditentukan '$primevue' diakses semasa pemaparan

Question

Kes dan Soalan

Saya sedang mengerjakan projek persendirian menggunakan Vue.js dan saya mengalami ralat berikut apabila saya cuba menggunakan FileUploadPrimeVue ; kod>Berlaku apabila komponen:

[Vue warn]: Harta '$primevue' telah diakses semasa pemaparan, tetapi harta itu tidak ditentukan pada contoh. </pra>
<p>Cuba menggunakan <code>FileUpload</code>
<pre class="lang-html prettyprint-override"><kod><template>
  <FileUpload name="demo[]" url="" @upload="onUpload"
    <template #kosong>
      <p>Seret dan lepaskan fail di sini untuk memuat naik. </p>
    </template>
  </FileUpload>
</template>
</code>

Ralat hanya berlaku apabila saya cuba menggunakan FileUpload, jika saya mengalih keluarnya komponen itu berfungsi dengan baik. FileUpload dan PrimeVue kedua-duanya diimport dalam main.js

<code>import {createApp} daripada 'vue'
import penghala daripada "./router";
import kedai dari "./store";
import PrimeVue daripada "primevue/config";
import PrimeIcons daripada "primevue/config";
import Apl daripada "./App";

const app = createApp(App);

app.use(
    penghala,
    PrimeVue,
    PrimeIcons,
    kedai
)

import 'primevue/resources/primevue.min.css'
import 'primeflex/primeflex.css'
import 'primeicons/primeicons.css'
import 'primevue/resources/themes/bootstrap4-dark-purple/theme.css'

import Kad daripada "primevue/kad";
import Menubar daripada "primevue/menubar";
import FileUpload daripada "primevue/fileupload";

app.component('Kad', Kad)
app.component('Menubar', Menubar)
app.component('FileUpload', FileUpload)

app.mount('#app')
</code>

Apa yang saya cuba

Saya mencari isu ini, tetapi satu-satunya padanan tepat untuk ralat ini ialah isu tertutup lama di GitHub mengenai komponen KalendarIsu ini disebabkan oleh memecahkan perubahan dalam PrimeVue API baharu. Ini bukan kes saya kerana ia diperkenalkan dalam V3.1 dan saya menggunakan V3.7.

Jika versi yang menjadi masalah, saya telah menguji versi PrimeVue yang berbeza, seperti 3.1, 3.2, 3.3, tetapi ralat masih wujud. Oleh itu, kebergantungan sebenar masih terkini:

"primevue": "^3.7.0"

Mungkin penyelesaian sudah wujud di SO atau Google, tetapi sama ada bahasa Inggeris saya terlalu lemah untuk difahami atau saya tidak cukup mahir dengan Vue.js

Terima kasih terlebih dahulu!

Answer 1

Anda menggunakan app.use() secara salah:

app.use(
    router,
    PrimeVue,
    PrimeIcons,
    store
)

app.use() hanya menerima dua parameter:

• Parameter pertama: Vue plug-in
• Parameter kedua: Pilihan pemalam

Selain itu, PrimeIcons bukan pemalam, jadi ia tidak boleh diserahkan kepada PrimeIcons 不是一个插件，所以不应该传递给 app.use().

Penyelesaian

Lepaskan setiap pemalam secara individu ke app.use():

app.use(router)
   .use(PrimeVue)
   //.use(PrimeIcons)   // 不是一个插件
   .use(store)