"Cannot use import statement outside a module" JS error with a custom form field type

Issue

• After creating a new form field type (e.g. blade create -t form-field ...) or upgrading a custom form field type to a newer version, a JavaScript error is displayed in the console when dragging the field in the Form editor.

• Uncaught SyntaxError: Cannot use import statement outside a module

Environment

• Quarterly Release 2024.Q2+

Resolution

• It is a known issue and will be fixed in future blade updates.
• Please check this code with the update you need to apply to your code.
• Also, another fixed example is available to download.

Additional Information

• LPD-37610: Update form-field template in blade to newest version
• Github.com - Fix diff
• Writing a custom form field type