Unusable error message

I’m editing code in the custom UI component editor. Accidentally, I’m adding a " (quote) instead of a ’ (single quote). This is the error message I get when saving the code:

Error: Module build failed (from ~/babel-loader/lib/index.js):
SyntaxError: 
    at SyntaxError.<anonymous> (~/core-js/internals/wrap-error-constructor-with-cause.js:37:62)
    at new SyntaxError (~/core-js/modules/es.error.cause.js:40:49)
    at instantiate (~/@babel/parser/src/parse-error/credentials.ts:62:21)
    at toParseError (~/@babel/parser/src/parse-error.ts:60:12)
    at JSXParserMixin.raise (~/@babel/parser/src/tokenizer/index.ts:1490:19)
    at Object.unterminated (~/@babel/parser/src/tokenizer/index.ts:1598:18)
    at readStringContents (~/@babel/babel-helper-string-parser/src/index.ts:113:16)
    at JSXParserMixin.readString (~/@babel/parser/src/tokenizer/index.ts:1319:46)
    at JSXParserMixin.getTokenFromCode (~/@babel/parser/src/tokenizer/index.ts:976:14)
    at JSXParserMixin.getTokenFromCode (~/@babel/parser/src/plugins/jsx/index.ts:622:13)
    at JSXParserMixin.nextToken (~/@babel/parser/src/tokenizer/index.ts:273:10)
    at JSXParserMixin.next (~/@babel/parser/src/tokenizer/index.ts:120:10)
    at JSXParserMixin.parseCoverCallAndAsyncArrowHead (~/@babel/parser/src/parser/expression.ts:873:10)
    at JSXParserMixin.parseSubscript (~/@babel/parser/src/parser/expression.ts:783:19)
    at JSXParserMixin.parseSubscripts (~/@babel/parser/src/parser/expression.ts:739:19)
    at JSXParserMixin.parseExprSubscripts (~/@babel/parser/src/parser/expression.ts:724:17)
    at JSXParserMixin.parseUpdate (~/@babel/parser/src/parser/expression.ts:695:21)
    at JSXParserMixin.parseMaybeUnary (~/@babel/parser/src/parser/expression.ts:657:23)
    at JSXParserMixin.parseMaybeUnaryOrPrivate (~/@babel/parser/src/parser/expression.ts:395:14)
    at JSXParserMixin.parseExprOps (~/@babel/parser/src/parser/expression.ts:407:23)
    at JSXParserMixin.parseMaybeConditional (~/@babel/parser/src/parser/expression.ts:362:23)
    at JSXParserMixin.parseMaybeAssign (~/@babel/parser/src/parser/expression.ts:302:21)
    at JSXParserMixin.parseExpressionBase (~/@babel/parser/src/parser/expression.ts:225:23)
    at callback (~/@babel/parser/src/parser/expression.ts:216:39)
    at JSXParserMixin.allowInAnd (~/@babel/parser/src/parser/expression.ts:3072:16)
    at JSXParserMixin.parseExpression (~/@babel/parser/src/parser/expression.ts:216:17)
    at JSXParserMixin.parseStatementContent (~/@babel/parser/src/parser/statement.ts:628:23)
    at JSXParserMixin.parseStatementLike (~/@babel/parser/src/parser/statement.ts:417:17)
    at JSXParserMixin.parseStatementListItem (~/@babel/parser/src/parser/statement.ts:366:17)
    at JSXParserMixin.parseBlockOrModuleBlockBody (~/@babel/parser/src/parser/statement.ts:1360:16)
    at JSXParserMixin.parseBlockBody (~/@babel/parser/src/parser/statement.ts:1333:10)
    at JSXParserMixin.parseBlock (~/@babel/parser/src/parser/statement.ts:1301:10)
    at JSXParserMixin.parseFunctionBody (~/@babel/parser/src/parser/expression.ts:2552:24)
    at JSXParserMixin.parseArrowExpression (~/@babel/parser/src/parser/expression.ts:2497:10)
    at JSXParserMixin.parseParenAndDistinguishExpression (~/@babel/parser/src/parser/expression.ts:1799:12)
    at JSXParserMixin.parseExprAtom (~/@babel/parser/src/parser/expression.ts:1163:21)
    at JSXParserMixin.parseExprAtom (~/@babel/parser/src/plugins/jsx/index.ts:574:22)
    at JSXParserMixin.parseExprSubscripts (~/@babel/parser/src/parser/expression.ts:718:23)
    at JSXParserMixin.parseUpdate (~/@babel/parser/src/parser/expression.ts:695:21)
    at JSXParserMixin.parseMaybeUnary (~/@babel/parser/src/parser/expression.ts:657:23)
    at JSXParserMixin.parseMaybeUnaryOrPrivate (~/@babel/parser/src/parser/expression.ts:395:14)
    at JSXParserMixin.parseExprOps (~/@babel/parser/src/parser/expression.ts:407:23)
    at JSXParserMixin.parseMaybeConditional (~/@babel/parser/src/parser/expression.ts:362:23)
    at JSXParserMixin.parseMaybeAssign (~/@babel/parser/src/parser/expression.ts:302:21)
    at JSXParserMixin.parseMaybeAssign (~/@babel/parser/src/parser/expression.ts:340:25)
    at JSXParserMixin.parseExpressionBase (~/@babel/parser/src/parser/expression.ts:225:23)
    at callback (~/@babel/parser/src/parser/expression.ts:216:39)
    at JSXParserMixin.allowInAnd (~/@babel/parser/src/parser/expression.ts:3072:16)
    at JSXParserMixin.parseExpression (~/@babel/parser/src/parser/expression.ts:216:17)
    at JSXParserMixin.parseStatementContent (~/@babel/parser/src/parser/statement.ts:628:23)

This is in no way helpful to detect the root cause of the syntax error. Please improve such error messages.

Regards,

Hello @Klaas_Klever!

Thank you for the suggestion.
We’ll discuss with the team what we can do to improve the error message.

Regards,
Alexander