Coder Social home page Coder Social logo

在parts造物平台导入的物料(react组件),到parts造物平台demo页面中--选择”从物料中心安装“安装成功后,将该组件拖到页面编辑区域,报错提示”组件渲染异常,请查看控制台日志“ about lowcode-engine HOT 23 CLOSED

yunnode avatar yunnode commented on June 21, 2024
在parts造物平台导入的物料(react组件),到parts造物平台demo页面中--选择”从物料中心安装“安装成功后,将该组件拖到页面编辑区域,报错提示”组件渲染异常,请查看控制台日志“

from lowcode-engine.

Comments (23)

eternalsky avatar eternalsky commented on June 21, 2024

稍等,一会有时间会看一下

from lowcode-engine.

eternalsky avatar eternalsky commented on June 21, 2024

目前 parts 还未开放低代码组件引入三方依赖,这里的入口应该隐藏,我这边帮你把这个依赖删掉?

from lowcode-engine.

yunnode avatar yunnode commented on June 21, 2024

目前 parts 还未开放低代码组件引入三方依赖,这里的入口应该隐藏,我这边帮你把这个依赖删掉?

您好,我的核心诉求是可以在”普通组件“或”低代码组件“其中一种类型下,将我在parts造物平台引入的react组件,上架到托拉拽平台的组件列表中,然后我把我自己的组件拖到构建的页面中,实现我自定义的组件可以在托拉拽平台灵活使用的目标。

from lowcode-engine.

yunnode avatar yunnode commented on June 21, 2024

社区同学们好,我想了解下如何准确上架组件到parts造物平台,并能在托拉拽平台中正确使用,麻烦解答下。

from lowcode-engine.

eternalsky avatar eternalsky commented on June 21, 2024

@yunnode react 组件导入后,不需要通过低代码组件,这两个过程不是要和到一起去用的。详细请看文档说明:https://lowcode-engine.cn/site/docs/guide/expand/editor/parts/prototype

from lowcode-engine.

eternalsky avatar eternalsky commented on June 21, 2024

目前 parts 还未开放低代码组件引入三方依赖,这里的入口应该隐藏,我这边帮你把这个依赖删掉?

您好,我的核心诉求是可以在”普通组件“或”低代码组件“其中一种类型下,将我在parts造物平台引入的react组件,上架到托拉拽平台的组件列表中,然后我把我自己的组件拖到构建的页面中,实现我自定义的组件可以在托拉拽平台灵活使用的目标。

你是说的托拉拽平台是指的哪个,自己用 lowcode-engine 搭建的吗

from lowcode-engine.

yunnode avatar yunnode commented on June 21, 2024

目前 parts 还未开放低代码组件引入三方依赖,这里的入口应该隐藏,我这边帮你把这个依赖删掉?

您好,我的核心诉求是可以在”普通组件“或”低代码组件“其中一种类型下,将我在parts造物平台引入的react组件,上架到托拉拽平台的组件列表中,然后我把我自己的组件拖到构建的页面中,实现我自定义的组件可以在托拉拽平台灵活使用的目标。

你是说的托拉拽平台是指的哪个,自己用 lowcode-engine 搭建的吗

我说的拖拉拽平台是指这个:https://parts.lowcode-engine.cn/demo/design?id=t2elc&appType=lcc-lyaj9mql-oc&version=0.1.0

from lowcode-engine.

eternalsky avatar eternalsky commented on June 21, 2024

@yunnode 这是 parts 用来调试低代码组件的,不是一个完整的搭建应用的平台,不提供三方组件接入。

from lowcode-engine.

yunnode avatar yunnode commented on June 21, 2024

@yunnode 这是 parts 用来调试低代码组件的,不是一个完整的搭建应用的平台,不提供三方组件接入。

那我应该在哪里接入第三方组件呢,麻烦帮看下 。

from lowcode-engine.

yunnode avatar yunnode commented on June 21, 2024

@yunnode react 组件导入后,不需要通过低代码组件,这两个过程不是要和到一起去用的。详细请看文档说明:https://lowcode-engine.cn/site/docs/guide/expand/editor/parts/prototype

您好,我组件已导入“parts造物平台”,现在添加组件配置,您帮看下这个配置的正确不?
image

我点击了上面“确定”按钮 ,目前显示这样的状态,这个反馈是正确的么?
image

from lowcode-engine.

eternalsky avatar eternalsky commented on June 21, 2024

@yunnode 不明白你的意思,你要去哪里接入第三方组件是你的个人需求,我无法给你推荐。我只是以 parts 的角度告诉你,你刚才说的这个链接,不提供开发页面的功能。

from lowcode-engine.

eternalsky avatar eternalsky commented on June 21, 2024

@yunnode 是否正确,请参考文档来。配置正确,你的组件可以在调试页面中显示出来。配置不正确,就显示不出来

from lowcode-engine.

yunnode avatar yunnode commented on June 21, 2024

@yunnode 是否正确,请参考文档来。配置正确,你的组件可以在调试页面中显示出来。配置不正确,就显示不出来

您说的调试页面是指哪个,方便贴一下链接么?

from lowcode-engine.

eternalsky avatar eternalsky commented on June 21, 2024

@yunnode 是否正确,请参考文档来。配置正确,你的组件可以在调试页面中显示出来。配置不正确,就显示不出来

您说的调试页面是指哪个,方便贴一下链接么?

文档里有说明,按照文档一步步操作即可。

from lowcode-engine.

eternalsky avatar eternalsky commented on June 21, 2024

@yunnode 代码解析中的状态是正确的,你也可以直接点击右侧的配置,进入配置状态。

from lowcode-engine.

yunnode avatar yunnode commented on June 21, 2024

@yunnode 代码解析中的状态是正确的,你也可以直接点击右侧的配置,进入配置状态。

我的组件添加配置后,显示是这样的,这是正常的么?
我看network中有个请求https://parts.lowcode-engine.cn/_view/uipaas/query/material/versions.json?x-csrf-token=RdlfEBt2-LSTG14twYahHyVYAGMJcIPk5vNE&id=32904返回:
{
"success": false,
"errorCode": 500,
"errorMsg": "Connect timeout for 5000ms, GET https://registry.npmjs.org/product-construction-component -2 (connected: false, keepalive socket: false, agent status: {"createSocketCount":25,"createSocketErrorCount":0,"closeSocketCount":25,"errorSocketCount":0,"timeoutSocketCount":12,"requestCount":13,"freeSockets":{},"sockets":{},"requests":{}}, socketHandledRequests: 1, socketHandledResponses: 0)\nheaders: {}"
}
image

from lowcode-engine.

eternalsky avatar eternalsky commented on June 21, 2024

@yunnode 代码解析中的状态是正确的,你也可以直接点击右侧的配置,进入配置状态。

我的组件添加配置后,显示是这样的,这是正常的么? 我看network中有个请求https://parts.lowcode-engine.cn/_view/uipaas/query/material/versions.json?x-csrf-token=RdlfEBt2-LSTG14twYahHyVYAGMJcIPk5vNE&id=32904返回: { "success": false, "errorCode": 500, "errorMsg": "Connect timeout for 5000ms, GET https://registry.npmjs.org/product-construction-component -2 (connected: false, keepalive socket: false, agent status: {"createSocketCount":25,"createSocketErrorCount":0,"closeSocketCount":25,"errorSocketCount":0,"timeoutSocketCount":12,"requestCount":13,"freeSockets":{},"sockets":{},"requests":{}}, socketHandledRequests: 1, socketHandledResponses: 0)\nheaders: {}" } image

直接点配置,进入配置界面就行了,接下来继续按照文档的说明来。

from lowcode-engine.

yunnode avatar yunnode commented on June 21, 2024

@yunnode 代码解析中的状态是正确的,你也可以直接点击右侧的配置,进入配置状态。

我的组件添加配置后,显示是这样的,这是正常的么? 我看network中有个请求https://parts.lowcode-engine.cn/_view/uipaas/query/material/versions.json?x-csrf-token=RdlfEBt2-LSTG14twYahHyVYAGMJcIPk5vNE&id=32904返回: { "success": false, "errorCode": 500, "errorMsg": "Connect timeout for 5000ms, GET https://registry.npmjs.org/product-construction-component -2 (connected: false, keepalive socket: false, agent status: {"createSocketCount":25,"createSocketErrorCount":0,"closeSocketCount":25,"errorSocketCount":0,"timeoutSocketCount":12,"requestCount":13,"freeSockets":{},"sockets":{},"requests":{}}, socketHandledRequests: 1, socketHandledResponses: 0)\nheaders: {}" } image

直接点配置,进入配置界面就行了,接下来继续按照文档的说明来。

您好,我进入配置页面,配置组件属性后,点预览,一直停留在了“组件构建中...”,已经过了很久了。
image
image

我又看了下,一直报这个错误。死循环了。
image

这个接口:https://parts.lowcode-engine.cn/_view/uipaas/query/prototype/buildResult.json?taskId=undefined-componentBuilder-d5be5b44-da6e-43ed-8d7d-81278185c737
一直返回:{
"success": false,
"errorCode": 500,
"errorMsg": "Cannot read property 'message' of undefined"
}

from lowcode-engine.

yunnode avatar yunnode commented on June 21, 2024

@yunnode 不明白你的意思,你要去哪里接入第三方组件是你的个人需求,我无法给你推荐。我只是以 parts 的角度告诉你,你刚才说的这个链接,不提供开发页面的功能。

目前是在parts造物平台已将我的react组件导入进来了,接下来我在哪里使用呢?我希望可以在https://lowcode-engine.cn/demo/demo-general/index.html 这里来使用我在“parts造物平台”中导入的自定义react组件,到底应该如何做呢?或者说这种方式不支持,那有其他什么方法可以帮助实现的么?这个问题真的很紧急,困扰了很久了,麻烦社区同学帮忙看下。
f4b63eceaa62740b29542716e7e8601a

from lowcode-engine.

eternalsky avatar eternalsky commented on June 21, 2024

@yunnode 文档里有说明,请仔细查看。在最后的使用篇章里有讲怎么在 lowcode-engine 的项目中使用。

from lowcode-engine.

yunnode avatar yunnode commented on June 21, 2024

@yunnode 文档里有说明,请仔细查看。在最后的使用篇章里有讲怎么在 lowcode-engine 的项目中使用。


您好,麻烦问下,您说的“最后的使用篇章”是哪一部分,麻烦看下是截图的哪一小节呢?
image

from lowcode-engine.

yunnode avatar yunnode commented on June 21, 2024

资产包构建了3次,都构建失败,在哪里可以看到构建失败的原因呢?着急使用构建后的资产包。@eternalsky

image

from lowcode-engine.

eternalsky avatar eternalsky commented on June 21, 2024

我看构建你已经另外提了 issue,那这个 issue 相关的问题感觉已经基本清楚了。先 close 了,构建的问题在新的 issue 里继续跟进。

from lowcode-engine.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.