Hi, I want to use this in my project, there is no error found, but unfortu

Directory ace-widget
1

Hi,

I want to use this in my project, there is no error found, but unfortunately the widget is not shown either

Can you help me please?

I did this steps:

  1. Add maven dependency
  2. vaadin:prepare-frontend
  3. Run project
2

Hi, it could be various factors like vaadin version you use, plugin library corrupted, etc. I invite you to visit the repository on github and download the project and try it yourself :)
https://github.com/Sergio70/AceEditorV14

3

I also have the same issue, added the dependency to pom.xml and used the component in my Java code, using Vaadin version 14.4.9. I tried deleting the node_modules folder within my project and rebuilding but even though there are no errors, the component does not show at all. Any help would be appreciated!

4

For anyone that’s in the same situation I tried quite a few things until it worked. Not sure exactly what fixed it:

  • deleted node_modules in the project folder as well as under my user
  • deleted package.json, webpack.config.js, webpack.generated.js, pnpm-lock.yaml, etc. You might not be able to do this if you have customizations on the important ones there.
  • Added @NpmPackage and @JsModule to the class that is using the editor:
@NpmPackage(value = "ace-builds", version = "1.4.12")
@NpmPackage(value = "@f0rce/ace-widget", version = "1.0.2")
@JsModule("@f0rce/ace-widget/ace-widget.js")
public class MyDialog {}
  • Cleaned and rebuilt a few times.

I’m not sure if the NpmPackage and JsModule annotations are really needed but it’s working nicely now.