Question

未捕获的类型错误：无法读取未定义的属性（读取‘config’）

2022-10-28

2813

typescript vuejs3 primevue

我正在使用 Vue 3-Typescript 和 primevue 我最近将 primevue 添加到我的应用程序中，并收到以下错误和警告。当我收到错误时，我正在尝试使用 primevue ' Menubar ' 组件。当我使用 megamenu 组件时，错误消失了。我已经查看了这个问题并尝试了不同的东西一个小时，但还是找不到我遗漏了什么。这是我的仓库中的 vue 组件文件。这也是 main.ts 文件。任何帮助都将不胜感激。

Answer 1

您应该在 mount 之前使用 use >

app.use(PrimeVue);
app.mount('#app');

Nikola Gava

2022-10-29

Answer 2

如果是 SSR NuxtJS，请在插件目录下创建一个类似 primevue.js 的文件进行配置。

import { defineNuxtPlugin } from "#app";
import PrimeVue from "primevue/config";
import Button from "primevue/button";

export default defineNuxtPlugin((nuxtApp) => {
  nuxtApp.vueApp.use(PrimeVue, { ripple: true });
  nuxtApp.vueApp.component("Button", Button);
  //other components that you need
});