ReferenceError: monaco is not defined

[sayinala]

When I tried to use the component, it is loading the editor.main.js, after that in initMonaco function when executing monaco.editor.create function it is throwing the error saying monaco is not defined.

EXCEPTION: Uncaught (in promise): ReferenceError: monaco is not defined
ReferenceError: monaco is not defined
    at MonacoEditorComponent.initMonaco (/app/monaco-editor/monaco-editor.component.js:72:24)
    at eval (/app/monaco-editor/monaco-editor.component.js:43:23)
    at /vendor/systemjs/dist/system.src.js:2803:20
    at e.invoke (/vendor/zonejs/dist/zone.min.js:1:16549)
    at Object.onInvoke (/vendor/@angular/core/bundles/core.umd.js:3980:41)
    at e.invoke (/vendor/zonejs/dist/zone.min.js:1:16489)
    at t.run (/vendor/zonejs/dist/zone.min.js:1:13410)
    at /vendor/zonejs/dist/zone.min.js:1:10891
    at e.invokeTask (/vendor/zonejs/dist/zone.min.js:1:17226)
    at Object.onInvokeTask (/vendor/@angular/core/bundles/core.umd.js:3971:41)
    at e.invokeTask (/vendor/zonejs/dist/zone.min.js:1:17147)
    at t.runTask (/vendor/zonejs/dist/zone.min.js:1:14028)
    at a (/vendor/zonejs/dist/zone.min.js:1:9937)