<p><strong>案例和问题</strong></p> <p>我正在使用<code>Vue.js</code>进行一个私人项目，并且遇到了以下错误，当我尝试使用<code>PrimeVue</code>的<code>FileUpload</code>组件时发生：</p> <pre class="brush:php;toolbar:false;">[Vue warn]: 在渲染期间访问了属性“$primevue”，但该属性在实例上未定义。</pre> <p>尝试在我的组件中使用<code>FileUpload</code>：</p> <pre class="lang-html prettyprint-override"><code>&lt;template&gt; &lt;FileUpload name=&quot;demo[]&quot; url=&quot;&quot; @upload=&quot;onUpload&quot; :multiple=&quot;true&quot; :maxFileSize=&quot;1000000&quot;&gt; &lt;template #empty&gt; &lt;p&gt;拖放文件到此处上传。&lt;/p&gt; &lt;/template&gt; &lt;/FileUpload&gt; &lt;/template&gt; </code></pre> <p>只有当我尝试使用<code>FileUpload</code>时才会出现错误，如果我删除它，组件就可以正常工作。 <code>FileUpload</code>和<code>PrimeVue</code>都已按照应该的方式在<code>main.js</code>中导入：</p> <pre class="lang-js prettyprint-override"><code>import {createApp} from 'vue' import router from &quot;./router&quot;; import store from &quot;./store&quot;; import PrimeVue from &quot;primevue/config&quot;; import PrimeIcons from &quot;primevue/config&quot;; import App from &quot;./App&quot;; const app = createApp(App); app.use( router, PrimeVue, PrimeIcons, store ) import 'primevue/resources/primevue.min.css' import 'primeflex/primeflex.css' import 'primeicons/primeicons.css' import 'primevue/resources/themes/bootstrap4-dark-purple/theme.css' import Card from &quot;primevue/card&quot;; import Menubar from &quot;primevue/menubar&quot;; import FileUpload from &quot;primevue/fileupload&quot;; app.component('Card', Card) app.component('Menubar', Menubar) app.component('FileUpload', FileUpload) app.mount('#app') </code></pre> <p><strong>我尝试过的方法</strong></p> <p>我搜索了这个问题，但唯一与此错误完全匹配的是GitHub上关于<code>Calendar</code>组件的一个旧的已关闭的问题：Issue #808。这个问题是由于新的<code>PrimeVue API</code>的重大更改引起的。这不应该是我的情况，因为它是在V3.1中引入的，而我正在使用V3.7。</p> <p>如果版本是问题，我测试了不同版本的<code>PrimeVue</code>，如3.1、3.2、3.3，但错误仍然存在。因此，实际的依赖关系仍然是最新的：</p> <pre class="brush:php;toolbar:false;">&quot;primevue&quot;: &quot;^3.7.0&quot;</pre> <p>也许在SO或Google上已经存在解决方案，但是要么我的英语太差以至于无法理解，要么我对<code>Vue.js</code>还不够熟悉以理解这个问题。</p> <p>提前感谢！</p>

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

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