LP
lppedd/angular-monaco-repro
Monaco Editor reproducer
- Run
npm install - Run
npm run start - Open the browser's console and verify you see the following error:
ERROR ReferenceError: Must call super constructor in derived class before accessing 'this' or returning from derived constructor at new CodeEditorWidget (codeEditorWidget.js:69:252) at new StandaloneCodeEditor (standaloneCodeEditor.js:69:9) at new StandaloneEditor (standaloneCodeEditor.js:188:9) at InstantiationService._createInstance (instantiationService.js:130:24) at InstantiationService.createInstance (instantiationService.js:101:27) at Object.create (standaloneEditor.js:43:33) at App.ngAfterViewInit (app.ts:16:33) at callHookInternal (debug_node.mjs:860:14) at callHook (debug_node.mjs:887:13) at callHooks (debug_node.mjs:841:17)
Working setup with 20.3.9 and transform-class-static-block@7.27.1
To work around the problem, I've come to the conclusion the only dependency
we must override is @babel/plugin-transform-class-static-block:
"overrides": {
"@babel/plugin-transform-class-static-block": "7.27.1"
}To reproduce that running the example now works:
- Run
npx npkilland clear any cache/build directory - Switch to the
angular-20.3.9branch - Run
npm install - Run
npm run start - Verify no errors are present in the browser's console
Working setup with 20.1.6 and transform-class-static-block@7.27.1
To work around the problem, I've come to the conclusion the only dependency
we must override is @babel/plugin-transform-class-static-block:
"overrides": {
"@babel/plugin-transform-class-static-block": "7.27.1"
}To reproduce that running the example now works:
- Run
npx npkilland clear any cache/build directory - Switch to the
angular-20.1.6branch - Run
npm install - Run
npm run start - Verify no errors are present in the browser's console
On this page
Languages
TypeScript57.5%JavaScript20.4%HTML11.5%Less10.6%
Contributors
MIT License
Created November 3, 2025
Updated November 3, 2025