angular-plugin icon indicating copy to clipboard operation
angular-plugin copied to clipboard

Connection line doesnt render

Open azakero opened this issue 3 months ago • 0 comments

Describe the bug

I have been working with v1 since 2022 and now I'm trying to migrate to v2 but first i'm trying to build a bare minimum app with v2 with some features we have and also to check how it works.

The app has two nodes added. One node (entrypoint) has an output and the other node has both an input and an output. Everything is working fine as you can see here in code sandbox.

But there is an issue in connection line render. When I try to connect the first node with the second node (output) to (input), I get some errors in the console and the connection line is not visible. But I think its connecting internally as in the dev tool console, the 'connection context' log's payload shows both 'source' and 'target'. So its just the render which is the issue.

The error which im getting when i click on a socket:

core.mjs:6547 ERROR Error: ASSERTION ERROR: Type passed in is not ComponentType, it does not have 'ɵcmp' property.
    at throwError2 (core.mjs:530:9)
    at assertComponentType (core.mjs:2903:5)
    at ComponentFactoryResolver2.resolveComponentFactory (core.mjs:17369:18)
    at getComponentInputs (elements.mjs:68:53)
    at createCustomElement (elements.mjs:321:18)
    at Object.mount (rete-angular-plugin.js:1299:25)
    at AngularPlugin.mount (rete-angular-plugin.js:1398:21)
    at rete-angular-plugin.js:1357:18
    at Signal2._callee$ (rete.esm.js:139:22)
    at tryCatch (regeneratorRuntime.js:47:16)

The sandbox has a lot of files but important files I think should be src/app/editor/components/rete/connection and src/app/editor/services/rete-editor.services.ts.

What am I doing wrong here?

Example to reproduce

https://codesandbox.io/p/devbox/msltfv

How to reproduce

Check the sandbox please.

Expected behavior

The connection line should be visible and no error in console.

Dependencies

NodeJS: 22.14.0 NPM: 10.9.2 Angular: 19 rete: 2.0.6 rete-angular-plugin: 2.5.0 rete-area-plugin: 2.1.5 rete-connection-plugin: 2.0.5

Platform

Ubuntu 22.04 as well as CodeSandbox

Relevant log output


Code of Conduct

  • [ ] I agree to follow this project's Code of Conduct

azakero avatar Oct 17 '25 10:10 azakero