Hi, I'm using Vaadin 23.1.0 and AceEditor 3.1.0. I'm getting the below err

Directory ace
1

Hi,

I’m using Vaadin 23.1.0 and AceEditor 3.1.0. I’m getting the below error

Exception is thrown during JavaScript execution. Stacktrace will be dumped separately.
The error has occurred in the JS code: ‘$0, $1, return $0.setValue($1)’
Uncaught TypeError: $0.setValue is not a function (webpack-internal:///…/target/flow-frontend/FlowClient.js:198:16)

Could you please check ?

2

Hello Srinivasa,

this seems like a Vaadin 23.1.0 issue. I tried to publish a new version of the ace editor yesterday and I was not able to build as webpack was throwing errors. Could you try switching to Vaadin 23.0.11 and see if the error still persists ? I will try to contact vaadin support.

Have a nice day,
David

3

https://github.com/vaadin/flow/issues/13952

this is a know issue. We’ll have to wait for the release which fixes this issue. as soon as the fix is released, I will build AceEditor 3.1.1 and release it.

4

Sure. I changed to v23.0.11 but same error.

5

Sorry for the week of waiting again, it should be fixed with Ace Editor v3.1.1 as it was fixed in Vaadin 23.1.1 (upstream) which was published some days ago.

6

Hi,

Thanks for updating me and upgrading this to V23.1.1.

I don’t see any error but at the same time I do not see this component as well. In the DOM tree, I see this

But the view is blank. Am I missing anything ?

Note: I’ve the same code but using v14 and is working fine

AceEditor aceEditor = new AceEditor();
aceEditor.setSizeFull();
aceEditor.setTheme(AceTheme.chrome);
aceEditor.setMode(AceMode.plain_text);

7

Hei :)

You are not missing anything. As soon as you change the version in the POM to 23.x.x you need to remove the following files / folders that Vaadin re-downloads them and sets them up correctly:
please keep in mind that some of the folders / files could not be visible

  • node_modules/
  • package.json
  • package-lock.json
  • webpack-generated.js
  • webpack-config.js
  • target/ (could also be achieved by mvn clean)
  • frontend/

After that just start your project normally (with Vaadin 23.1.1 for example and Vaadin will setup everything). You should now be able to see ace completely.

Hopefully that helps,
David

8

Thanks for the quick response. I tried above steps but no luck.

Getting this error

The error has occurred in the JS code: ‘$0, $1, return $0.setValue($1)’
Uncaught TypeError: $0.setValue is not a function (webpack-internal:///…/target/flow-frontend/FlowClient.js:198:16)

9

Could you please open a new Issue in the [GitHub Repository]
(https://github.com/f0rce/ace) so I could investigate further and take a closer look at your setup :)

Thanks in advance,
David

10

Hi,

Sorry for the delay. I’ve submitted the issue here https://github.com/F0rce/ace/issues/34.

When you find time, could you please look into this.