TypeError: message.id is not a function #748

ParsonsProjects · 2023-08-31T08:28:08Z

Description

It looks like the latest changes from eabba4f#diff-ab2dcbe79ad45d341a8591fc20c2b9896235a440f5465b1b8d165b8c733b9a32L62 have caused a breaking change.

When running npx asyncapi generate fromTemplate asyncapi.yml @asyncapi/html-template -o ./asyncapi --force-write

The following error is show:

TypeError: message.id is not a function
    at C:\Users\alan_\Work\Projects\craftsman-serverless-api\node_modules\@asyncapi\generator\node_modules\@asyncapi\react-component\src\containers\Sidebar\Sidebar.tsx:51:64
    at Array.map (<anonymous>)
    at Sidebar (C:\Users\alan_\Work\Projects\craftsman-serverless-api\node_modules\@asyncapi\generator\node_modules\@asyncapi\react-component\src\containers\Sidebar\Sidebar.tsx:44:35) 
    at processChild (C:\Users\alan_\Work\Projects\craftsman-serverless-api\node_modules\@asyncapi\generator\node_modules\react-dom\cjs\react-dom-server.node.development.js:3353:14)    
    at resolve (C:\Users\alan_\Work\Projects\craftsman-serverless-api\node_modules\@asyncapi\generator\node_modules\react-dom\cjs\react-dom-server.node.development.js:3270:5)
    at ReactDOMServerRenderer.render (C:\Users\alan_\Work\Projects\craftsman-serverless-api\node_modules\@asyncapi\generator\node_modules\react-dom\cjs\react-dom-server.node.development.js:3753:22)
    at ReactDOMServerRenderer.read (C:\Users\alan_\Work\Projects\craftsman-serverless-api\node_modules\@asyncapi\generator\node_modules\react-dom\cjs\react-dom-server.node.development.js:3690:29)
    at Object.renderToString (C:\Users\alan_\Work\Projects\craftsman-serverless-api\node_modules\@asyncapi\generator\node_modules\react-dom\cjs\react-dom-server.node.development.js:4298:27)
    at Context.renderSpec (C:\Users\alan_\Work\Projects\craftsman-serverless-api\node_modules\@asyncapi\generator\node_modules\@asyncapi\html-template\filters\all.js:165:25)
    at eval (eval at _compile (C:\Users\alan_\Work\Projects\craftsman-serverless-api\node_modules\@asyncapi\generator\node_modules\nunjucks\src\environment.js:527:18), <anonymous>:38:97)
    at Context.generateBase64Favicon (C:\Users\alan_\Work\Projects\craftsman-serverless-api\node_modules\@asyncapi\generator\node_modules\@asyncapi\html-template\filters\all.js:105:12)
    at Template.root [as rootRenderFunc] (eval at _compile (C:\Users\alan_\Work\Projects\craftsman-serverless-api\node_modules\@asyncapi\generator\node_modules\nunjucks\src\environment.js:527:18), <anonymous>:21:40)
    at Template.render (C:\Users\alan_\Work\Projects\craftsman-serverless-api\node_modules\@asyncapi\generator\node_modules\nunjucks\src\environment.js:454:10)
    at Environment.renderString (C:\Users\alan_\Work\Projects\craftsman-serverless-api\node_modules\@asyncapi\generator\node_modules\nunjucks\src\environment.js:313:17)
    at C:\Users\alan_\Work\Projects\craftsman-serverless-api\node_modules\@asyncapi\generator\lib\renderer\nunjucks.js:32:14
    at new Promise (<anonymous>)

Expected result
No error is thrown.

Actual result
Error is being thrown and stops output.

Steps to reproduce

Install the latest version of @asyncapi/cli
Run the command npx asyncapi generate fromTemplate asyncapi.yml @asyncapi/html-template -o ./asyncapi --force-write

Troubleshooting
Tried installing a previous version of the package using the override option with my root package file but this does not seem to take.

The text was updated successfully, but these errors were encountered:

github-actions · 2023-08-31T08:28:21Z

Welcome to AsyncAPI. Thanks a lot for reporting your first issue. Please check out our contributors guide and the instructions about a basic recommended setup useful for opening a pull request.
Keep in mind there are also other channels you can use to interact with AsyncAPI community. For more details check out this issue.

djohs · 2023-08-31T08:58:47Z

We have been encountering the same error since today while using the Docker generator image.

ParsonsProjects · 2023-08-31T09:07:02Z

I have found a way round this to force the @asyncapi/html-template to 0.20.0 before the @asyncapi/react-components next package is referenced.

npx asyncapi generate fromTemplate asyncapi.yml @asyncapi/[email protected] -o ./asyncapi --force-write

jonaslagoni · 2023-08-31T11:06:58Z

Duplicate of asyncapi/html-template#438

If you personally integrate with this library and parse your AsyncAPI documents before passing them to the library (i.e. use the bundled component without the parser) make sure to use at least v3.0.0-next-major-spec.1 of the parser.

jonaslagoni · 2023-08-31T11:12:55Z

Should be fixed as of html-template v0.28.4

M3lkior · 2023-08-31T13:28:04Z

Thanks for the rapid fix @jonaslagoni !

Pakisan · 2023-08-31T23:01:38Z

@jonaslagoni not sure, but looks like similar problem after update to 49

log

[Error] TypeError: e.dependencies is not a function. (In 'e.dependencies()', 'e.dependencies' is undefined) — resources:32:1883716
	ia (resources:32:539997)
	(anonymous function) (resources:32:546718)
	mo (resources:32:506203)
	pa (resources:32:541312)
	Sc (resources:32:558539)
	Sc
	(anonymous function) (resources:32:591182)
	xc (resources:32:555198)
	fc (resources:32:551503)
	fc
	(anonymous function) (resources:32:502963)
	(anonymous function) (resources:32:591182)
	Ji (resources:32:502909)
	Wi (resources:32:502844)
	cc (resources:32:548073)
	enqueueSetState (resources:32:506627)
	(anonymous function) (resources:32:575238)
	(anonymous function) (resources:32:1992597)
	(anonymous function) (resources:32:1991408)
	s (resources:32:1990250)
[Error] TypeError: e.dependencies is not a function. (In 'e.dependencies()', 'e.dependencies' is undefined) — resources:32:1883716
	ia (resources:32:539997)
	(anonymous function) (resources:32:546718)
	mo (resources:32:506203)
	pa (resources:32:541312)
	Sc (resources:32:558539)
	Sc
	(anonymous function) (resources:32:591182)
	xc (resources:32:555198)
	fc (resources:32:551503)
	fc
	(anonymous function) (resources:32:502963)
	(anonymous function) (resources:32:591182)
	Ji (resources:32:502909)
	Wi (resources:32:502844)
	cc (resources:32:548073)
	enqueueSetState (resources:32:506627)
	(anonymous function) (resources:32:575238)
	(anonymous function) (resources:32:1992597)
	(anonymous function) (resources:32:1991408)
	s (resources:32:1990250)
[Error] TypeError: n.title is not a function. (In 'n.title()', 'n.title' is undefined) — resources:32:1909096
	ia (resources:32:539997)
	(anonymous function) (resources:32:546718)
	mo (resources:32:506203)
	pa (resources:32:541312)
	Sc (resources:32:558539)
	Sc
	(anonymous function) (resources:32:591182)
	xc (resources:32:555198)
	fc (resources:32:551503)
	fc
	(anonymous function) (resources:32:502963)
	(anonymous function) (resources:32:591182)
	Ji (resources:32:502909)
	Wi (resources:32:502844)
	cc (resources:32:548073)
	enqueueSetState (resources:32:506627)
	(anonymous function) (resources:32:575238)
	(anonymous function) (resources:32:1992597)
	(anonymous function) (resources:32:1991408)
	s (resources:32:1990250)
[Error] TypeError: n.title is not a function. (In 'n.title()', 'n.title' is undefined) — resources:32:1909096
	ia (resources:32:539997)
	(anonymous function) (resources:32:546718)
	mo (resources:32:506203)
	pa (resources:32:541312)
	Sc (resources:32:558539)
	Sc
	(anonymous function) (resources:32:591182)
	xc (resources:32:555198)
	fc (resources:32:551503)
	fc
	(anonymous function) (resources:32:502963)
	(anonymous function) (resources:32:591182)
	Ji (resources:32:502909)
	Wi (resources:32:502844)
	cc (resources:32:548073)
	enqueueSetState (resources:32:506627)
	(anonymous function) (resources:32:575238)
	(anonymous function) (resources:32:1992597)
	(anonymous function) (resources:32:1991408)
	s (resources:32:1990250)
[Error] TypeError: o.isSend is not a function. (In 'o.isSend()', 'o.isSend' is undefined) — resources:32:1916241
	ia (resources:32:539997)
	(anonymous function) (resources:32:546718)
	mo (resources:32:506203)
	pa (resources:32:541312)
	Sc (resources:32:558539)
	Sc
	(anonymous function) (resources:32:591182)
	xc (resources:32:555198)
	fc (resources:32:551503)
	fc
	(anonymous function) (resources:32:502963)
	(anonymous function) (resources:32:591182)
	Ji (resources:32:502909)
	Wi (resources:32:502844)
	cc (resources:32:548073)
	enqueueSetState (resources:32:506627)
	(anonymous function) (resources:32:575238)
	(anonymous function) (resources:32:1992597)
	(anonymous function) (resources:32:1991408)
	s (resources:32:1990250)
[Error] TypeError: r.variables is not a function. (In 'r.variables()', 'r.variables' is undefined) — resources:32:1896546
	ia (resources:32:539997)
	(anonymous function) (resources:32:546718)
	mo (resources:32:506203)
	pa (resources:32:541312)
	Sc (resources:32:558539)
	Sc
	(anonymous function) (resources:32:591182)
	xc (resources:32:555198)
	fc (resources:32:551503)
	fc
	(anonymous function) (resources:32:502963)
	(anonymous function) (resources:32:591182)
	Ji (resources:32:502909)
	Wi (resources:32:502844)
	cc (resources:32:548073)
	enqueueSetState (resources:32:506627)
	(anonymous function) (resources:32:575238)
	(anonymous function) (resources:32:1992597)
	(anonymous function) (resources:32:1991408)
	s (resources:32:1990250)
[Error] TypeError: r.variables is not a function. (In 'r.variables()', 'r.variables' is undefined) — resources:32:1896546
	ia (resources:32:539997)
	(anonymous function) (resources:32:546718)
	mo (resources:32:506203)
	pa (resources:32:541312)
	Sc (resources:32:558539)
	Sc
	(anonymous function) (resources:32:591182)
	xc (resources:32:555198)
	fc (resources:32:551503)
	fc
	(anonymous function) (resources:32:502963)
	(anonymous function) (resources:32:591182)
	Ji (resources:32:502909)
	Wi (resources:32:502844)
	cc (resources:32:548073)
	enqueueSetState (resources:32:506627)
	(anonymous function) (resources:32:575238)
	(anonymous function) (resources:32:1992597)
	(anonymous function) (resources:32:1991408)
	s (resources:32:1990250)
[Error] TypeError: r.id is not a function. (In 'r.id()', 'r.id' is undefined) — resources:32:1826892
	ia (resources:32:539997)
	(anonymous function) (resources:32:546718)
	mo (resources:32:506203)
	pa (resources:32:541312)
	Sc (resources:32:558539)
	Sc
	(anonymous function) (resources:32:591182)
	xc (resources:32:555198)
	fc (resources:32:551503)
	fc
	(anonymous function) (resources:32:502963)
	(anonymous function) (resources:32:591182)
	Ji (resources:32:502909)
	Wi (resources:32:502844)
	cc (resources:32:548073)
	enqueueSetState (resources:32:506627)
	(anonymous function) (resources:32:575238)
	(anonymous function) (resources:32:1992597)
	(anonymous function) (resources:32:1991408)
	s (resources:32:1990250)
[Error] Unhandled Promise Rejection: TypeError: e.dependencies is not a function. (In 'e.dependencies()', 'e.dependencies' is undefined)
	(anonymous function) (resources:32:1991469)
	s (resources:32:1990250)
[Error] WebSocket connection to 'ws://localhost:63343/jb-server-page?reloadMode=RELOAD_ON_SAVE&referrer=%2Fasyncapi%2Frender' failed: The operation couldn’t be completed. Socket is not connected

component configuration after template was composed:

<html>
<head>
    <!--        <link rel="stylesheet" href="https://unpkg.com/@asyncapi/[email protected]/styles/default.min.css">-->
    <link rel="stylesheet" href="http://localhost:63343/asyncapi/resources?resourceUrl=default(1.0.0-next.49).min.css">
</head>
<body>
<div id="asyncapi"></div>

<!--        <script src="https://unpkg.com/@asyncapi/[email protected]/browser/standalone/index.js"></script>-->
<script src="http://localhost:63343/asyncapi/resources?resourceUrl=index(1.0.0-next.49).js"></script>
<script>
    AsyncApiStandalone.render({
        schema: {
            url: 'http://localhost:63343/asyncapi/resources?schemaUrl=/private/var/folders/bb/zdnfkz2126s5xcrc57n0j2tw0000gn/T/jasyncapi-idea-plugin-1693522102721.yaml',
            options: {method: "GET", mode: "cors"},
        },
        config: {
            show: {
                sidebar: true,
            }
        },
    }, document.getElementById('asyncapi'));
</script>
<!-- WebSocket connection listening for reload message -->
<script>
    // WebSocket
</script>

</body>
</html>

jonaslagoni · 2023-09-01T07:49:35Z

Similar problem yea, just not related to html template 😄

I should have a fix soon 😅

seeren · 2023-09-01T09:57:58Z

The same here,

Error occurs with .lock update to 3.0.0-next-major-spec.2

Using nestjs-asyncapi integration

TypeError: message.id is not a function

jonaslagoni · 2023-11-20T23:25:31Z

Should be fixed with the recent version, can you check if it still occurs?

Pakisan · 2023-12-14T23:47:11Z

Should be fixed with the recent version, can you check if it still occurs?

Renders as expected test specs. I checked rendering on [email protected]/ and [email protected]/

Is it ok, that in new versions of component I see blank page instead of errors?

jonaslagoni · 2023-12-15T03:53:30Z

@Pakisan please create a new bug report 😄 Most likely error is that the plugin is using a wrong parser dependency version. But might be something else, dont know the context

github-actions · 2024-04-14T00:00:51Z

This issue has been automatically marked as stale because it has not had recent activity 😴

It will be closed in 120 days if no further activity occurs. To unstale this issue, add a comment with a detailed explanation.

There can be many reasons why some specific issue has no activity. The most probable cause is lack of time, not lack of interest. AsyncAPI Initiative is a Linux Foundation project not owned by a single for-profit company. It is a community-driven initiative ruled under open governance model.

Let us figure out together how to push this issue forward. Connect with us through one of many communication channels we established here.

Thank you for your patience ❤️

derberg · 2024-04-17T17:00:19Z

seems to be fixed

please create a new issue if not, with results of error using latest react component

jonaslagoni mentioned this issue Sep 1, 2023

fix: broken rendering from parser upgrade #750

Merged

github-actions bot added the stale label Apr 14, 2024

derberg closed this as completed Apr 17, 2024

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

TypeError: message.id is not a function #748

TypeError: message.id is not a function #748

ParsonsProjects commented Aug 31, 2023

github-actions bot commented Aug 31, 2023

djohs commented Aug 31, 2023 •

edited

Loading

ParsonsProjects commented Aug 31, 2023

jonaslagoni commented Aug 31, 2023 •

edited

Loading

jonaslagoni commented Aug 31, 2023

M3lkior commented Aug 31, 2023

Pakisan commented Aug 31, 2023

jonaslagoni commented Sep 1, 2023

seeren commented Sep 1, 2023

jonaslagoni commented Nov 20, 2023

Pakisan commented Dec 14, 2023

jonaslagoni commented Dec 15, 2023

github-actions bot commented Apr 14, 2024

derberg commented Apr 17, 2024

TypeError: message.id is not a function #748

TypeError: message.id is not a function #748

Comments

ParsonsProjects commented Aug 31, 2023

github-actions bot commented Aug 31, 2023

djohs commented Aug 31, 2023 • edited Loading

ParsonsProjects commented Aug 31, 2023

jonaslagoni commented Aug 31, 2023 • edited Loading

jonaslagoni commented Aug 31, 2023

M3lkior commented Aug 31, 2023

Pakisan commented Aug 31, 2023

jonaslagoni commented Sep 1, 2023

seeren commented Sep 1, 2023

jonaslagoni commented Nov 20, 2023

Pakisan commented Dec 14, 2023

jonaslagoni commented Dec 15, 2023

github-actions bot commented Apr 14, 2024

derberg commented Apr 17, 2024

djohs commented Aug 31, 2023 •

edited

Loading

jonaslagoni commented Aug 31, 2023 •

edited

Loading