【问题标题】:Can't suppress Konva warnings in Vue无法在 Vue 中抑制 Konva 警告
【发布时间】:2021-10-20 15:23:46
【问题描述】:

我在 Vue 应用程序中使用 Konva,我无法在浏览器控制台中抑制 Konva 的警告。 根据Konva docs, there is an option for this,Konva.showWarnings = false。 (我理解警告本身并知道其可能的含义)。

我已经检查过这个:Turn off Konvajs warnings,但无济于事,这里的答案只是说明存在这样的设置。

我在 main.js 文件中做了什么:

import VueKonva from 'vue-konva'
Vue.use(VueKonva)

然后我正在尝试应用设置:

VueKonva.showWarnings = false

我也尝试在 Vue.use 中添加它作为选项:

Vue.use(VueKonva, {showWarnings: false})

...但无济于事。

我在这里错过了什么?

【问题讨论】:

    标签: konvajs konva vue-konva


    【解决方案1】:

    你也应该这样做:

    import Konva from 'konva';
    Konva.showWarnings = false;
    

    您确定要禁用它们吗?

    已编辑:作为问题的最终解决方案,我从下面添加@lavrton 的评论: 要在 vue-konva 中使用 showWarnings 属性,您需要同时导入原始 konva 库和用于 vue-bindings 的 vue 库。

    现在的工作代码如下所示:

    import VueKonva from "vue-konva";
    import Konva from "konva";
    Konva.showWarnings = false;
    
    Vue.use(VueKonva);
    Vue.use(Konva);
    

    【讨论】:

    • 是的,我需要暂时禁用它们,因为我有数千个节点(警告说 id 是数字,但它应该是一个字符串 - 我会回去修复它)。但首先我需要解决其他问题,并且允许警告会使初始渲染变得非常慢,因为浏览器正在处理通知。我创建了一个简约的示例,我可以在这里重现该问题:(尽管使用了 Konva.showWarnings = false 语句,但仍会出现警告,请参见控制台)。 codesandbox.io/s/gallant-hellman-p4c56?file=/src/main.js
    • @zkriszti 你的演示跟我提议的不一样。
    • 这是一个 vue 项目,所以我按照您在konvajs.org/docs/vue/index.html 的文档状态导入了 Konva - 我需要从 'vue-konva' 导入,否则项目将无法运行。
    • 两者都导入。 vue-konva 用于 Vue 绑定。 konva 用于其他直接 API。
    猜你喜欢
    • 2023-02-01
    • 2019-05-06
    • 2020-06-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-08-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多