LogicFlow icon indicating copy to clipboard operation
LogicFlow copied to clipboard

[Bug Report]: nuxt3使用logicflow刷新地址后,报错

Open iforgetyounow opened this issue 1 year ago • 4 comments

发生了什么?

首次展示能正常,但是刷新后就异常。 代码:

效果: 1,首次点击展示(正常): image 2,直接刷新浏览器地址(异常): image

logicflow/core版本

1.2.18

logicflow/extension版本

1.2.19

logicflow/engine版本

No response

浏览器&环境

Chrome

iforgetyounow avatar Jan 26 '24 15:01 iforgetyounow

看下如果直接访问 LogicFlow 所在的这个地址,会不会报错呢?

boyongjiong avatar Jan 31 '24 06:01 boyongjiong

补充一下开发工具报错的信息,确认这个是 LogicFlow 报的错吗?我们 Next.js 测试是没有问题的

boyongjiong avatar Jan 31 '24 09:01 boyongjiong

看下如果直接访问 LogicFlow 所在的这个地址,会不会报错呢?

直接访问不会报错,正常展示后,刷新地址就会报错。

iforgetyounow avatar Feb 02 '24 14:02 iforgetyounow

补充一下开发工具报错的信息,确认这个是 LogicFlow 报的错吗?我们 Next.js 测试是没有问题的

用的是nuxt.js,不是next.js,用的这个https://github.com/rekryt/nuxt-vuetify-dashboard 工程,然后找一个界面,把loginflow的demo内容替换一下,点击菜单能正常展示,但是刷新展示的界面就报错了。 image

image

iforgetyounow avatar Feb 02 '24 15:02 iforgetyounow

补充一下开发工具报错的信息,确认这个是 LogicFlow 报的错吗?我们 Next.js 测试是没有问题的

Next.js 使用也发生了window is not defined,代码: import React, { useEffect } from 'react'; import LogicFlow from '@logicflow/core';

export default function Design() { const data = { nodes: [ { id: '1', type: 'rect', x: 100, y: 100, text: '节点1', }, { id: '2', type: 'circle', x: 300, y: 100, text: '节点2', }, ], edges: [ { sourceNodeId: '1', targetNodeId: '2', type: 'polyline', text: '连线', startPoint: { x: 140, y: 100, }, endPoint: { x: 250, y: 100, }, }, ], };

console.log("typeof window:", typeof window !== 'undefined') if (typeof window !== 'undefined') { console.log("🚀 ~ Design ~ window:", window) } else { console.log("🚀 ~ Design ~ window222") }

useEffect(() => { if (typeof window !== 'undefined') { const lf = new LogicFlow({ container: document.querySelector('#graph') as HTMLElement, height: 400, }); lf.render(data); lf.translateCenter(); } }, []);

return ( <div className="design">

); }

17347013442 avatar Jun 11 '24 07:06 17347013442