Unable to upload my build file to Monday.com

Hello,

I have a question as I encountered a problem after creating my application on Monday.com when trying to create a new build to install the application for a client from their Developer Workspace. I executed “npm run build” and “npm run-script build”, the build folder was created successfully. I then navigated inside and zipped its contents into a single .zip file. However, when trying to upload it to Monday.com, I receive the error message “Failed to download new app feature option”.

Here are the details of my code (provided just in case): It’s a feature of type object, deployed across 3 JavaScript files: “App.js”, “Function.js”, “HTMLRender.js”, located in the src folder at the root, along with the rest of the basic files created by Node and some backup JavaScript files that are not linked to the rest (just for decoration at the moment). I created Function.js to simplify my App.js, while HTMLRender.js consists of 13 lines and serves to establish a connection between the other two files. I haven’t modified the Node.js configuration.

I started coding the feature, which I linked to an app in another Monday.com workspace, and it was working relatively fine with “http://localhost:8301” to establish the connection between the Monday workspace and my code. Then I transferred it to the client’s workspace. “http://localhost:8301” still works, but I’m unable to do so with build.zip.

I hope you could advise or assist me. Thank you in advance for your response.

Kind regards,
Delépine Tom

Hello there @TomDel,

Do you have an index.html file in the source of your .zip file?

If not, you need to add one, since that is where monday will look for the HTML to display.

Looking forward to hearing from you :smile:

Cheers,
Matias

Hello,

I apologize for the delay. Yes, I have an index.html file in my build, but the error persists. My directory structure is the default one, with three main files in my src folder:

  • function.js, which contains the functions,
    
  • HTMLRender.js, which constructs the DOM with a dynamic template based on the data from the database,
    
  • and App.js, which handles the application's display by linking the created template with the fixed parts of the DOM.
    

Here is my directory structure:

my-project/
├── public/
│ ├── favicon.ico
│ ├── index.html
│ ├── logo192.png
│ ├── logo512.png
│ ├── manifest.json
│ └── robots.txt
├── src/
│ ├── img/
│ │ ├── marianne.png
│ │ └── Senes_Solutions_Logo_2020_color.png
│ ├── index.css
│ ├── index.js
│ ├── App.css
│ ├── App.js
│ ├── HTMLRender.js
│ ├── Function.js
│ └── serviceWorker.js
├── package.json
├── README.md
└── …

Here is my build.zip :

In the “Static” file :

Hello again,

Do you have in your folders any file that has a space in its name?

Do you have files requiring additional compilation? – for the build to compile, it must be a production build (ie, vanilla JS/CSS/HTML files that can be run in the browser)

Have you tried this in your local machine? Does it work there?

Do you have any @ symbols in your file names?

Looking forward to hearing from you!

Cheers,
Matias

1 Like

Hello,

I removed all spaces from my files, whether they are resources (PDF, PNG, MP4) or CSS, JS, and HTML files. However, the compilation fails. Besides the formats mentioned above, I don’t have any other files. Everything works perfectly locally, but when integrating into the application, linking them becomes impossible. There are also no “@” characters in the file names.

Here is where the error occurs.

Capture d'écran 2024-06-17 123723
Capture d'écran 2024-06-17 123739


Capture d'écran 2024-06-17 123621

I’m not sure if it’s related, but I’m attaching this screenshot just in case.
Best regards,
Tom Delépine

Hello again @TomDel,

Would you be able to please fill this form adding as much information as possible to it so that our team can take a closer look into it?

Hello, the issue has been resolved. Thank you very much. It was due to a space in a file name that appeared every time I compiled the program.

Best regards,
Delépine Tom

Hello again,

Matias here!

Thank you for the update :smile: