执行vue ui 报错,怎样解决?

问题遇到的现象和发生背景

执行vue ui 报错

问题相关代码,请勿粘贴截图

PS C:\Users\20931\Desktop\前端> vue ui

运行结果及报错内容

🚀 Starting GUI.
Persisted queries are enabled and are using an unbounded cache. Your server is vulnerable to denial of service attacks via memory exhaustion. Set cache: "bounded" or persistedQueries: false in your ApolloServer constructor, or see https://go.apollo.dev/s/cache-backends for other alternatives.
ERROR TypeError: server.installSubscriptionHandlers is not a function
TypeError: server.installSubscriptionHandlers is not a function
at module.exports (C:\nvm\v12.22.12\node_modules@vue\cli\node_modules@vue\cli-ui\graphql-server.js:165:10)
at processTicksAndRejections (internal/process/task_queues.js:97:5)
at async ui (C:\nvm\v12.22.12\node_modules@vue\cli\lib\ui.js:71:26)

我的解答思路和尝试过的方法

重新安装了 npm i -g @vue/cli 还是报错

我想要达到的结果

怎样解决问题启动vue ui ?

vue -V 有版本号吗?

出现这类型的错误原因可能是当前页面的变量名与事件名一致发生的冲突,找到任一事件名或者变量名,任意改其一即可

img

apollo-server-express 重装下试试看

Apollo Server的默认配置使您面临拒绝服务攻击。这是因为APQs在默认情况下是启用的,而阿波罗服务器3中的默认缓存是无界的,这意味着攻击者可以耗尽你的内存并使你的服务器崩溃。阿波罗服务器4中的默认缓存是有界的;我们建议通过向您的Apollo Server构造器提供缓存:“有界”选项或自己配置缓存来选择这种行为。或者,你可以通过传递persistedQueries: false来禁用APQ,或者通过传递KeyValueCache给persistedQueries: {cache}来单独配置APQ缓存。
https://www.apollographql.com/docs/apollo-server/performance/cache-backends#ensuring-a-bounded-cache
这个上边有说怎么解决,但是我不知道在哪改😣