{"id":554,"hash":"7fc826821f0d195124954a21416f32c3c83e5aed8b57780528a4f2b08f1eeeeb","pattern":"SyntaxError: ambiguous indirect export: default Error when importing my own class","full_message":"I have written a validation class and want to include it in my VueJS 3 project. Unfortunately I get the following error: SyntaxError: ambiguous indirect export: default\n\nThis is my code:\n\n// ..classes/formValidationClass.js\nexport class FormValidator {\n...\n}\n\n// some vue file with a form\nimport FormValidation from \"..classes/formValidationClass\"\n\nexport default {...}\n\nWhat does this error mean and what do I have to do to correct the error?","ecosystem":"npm","package_name":"vue.js","package_version":null,"solution":"Use braces {} around your import Name\n\n// ..classes/formValidatorClass.js // Comment: => suggestion change your file name to similar your class name\nexport class FormValidator {\n...\n}\n\n// some vue file with a form\n// import FormValidation from \"..classes/formValidationClass\"\nimport { FormValidator as FormValidation} from \"../classes/formValidatorClass\"; // Comment: => use brackets around your import name. if you want use FormValidation you can use also a alias (`originalName as newName`)\n\nexport default {...}","confidence":0.95,"source":"stackoverflow","source_url":"https://stackoverflow.com/questions/73813721/syntaxerror-ambiguous-indirect-export-default-error-when-importing-my-own-clas","votes":45,"created_at":"2026-04-19T04:51:20.926128+00:00","updated_at":"2026-04-19T04:51:20.926128+00:00"}