[Bug] The sample browser-esm-parcel is not working

Reproducible in vscode.dev or in VS Code Desktop?

• Not reproducible in vscode.dev or VS Code Desktop

Reproducible in the monaco editor playground?

• Not reproducible in the monaco editor playground

Monaco Editor Playground Code

The sample browser-esm-parcel is not working.

Steps to reproduce:

git clone [e-mail]:microsoft/monaco-editor.git
cd monaco-editor
cd samples/browser-esm-parcel
npm install
npm start

Open browser to http://localhost:1234/ to view the web page served Parcel’s dev server.

Open the dev console.

Actual Behavior

An empty box appears in the web page where the Monaco Editor should be rendered.

The following error is output to the dev console:

Uncaught TypeError: Cannot set property marked of #<Object> which has only a getter
    at index.975ef6c8.js:117651:24
    at index.975ef6c8.js:115678:72
    at index.975ef6c8.js:115682:7
    at Object.jVSjm.@parcel/transformer-js/src/esmodule-helpers.js (index.975ef6c8.js:117664:3)
    at newRequire (index.975ef6c8.js:71:24)
    at localRequire (index.975ef6c8.js:84:35)
    at Object.5JIxC../dom.js (index.975ef6c8.js:113756:17)
    at newRequire (index.975ef6c8.js:71:24)
    at localRequire (index.975ef6c8.js:84:35)
    at Object.6TtqN.../../../../base/browser/markdownRenderer.js (index.975ef6c8.js:113600:27)

Expected Behavior

I expect to see Monaco Editor working in the web page and no errors in the dev console.

Additional Context

No response

[jeffawang]

I had a similar issue when trying to use monaco-editor in another project. I was able to get it working by specifying monaco-editor version 0.31.0. Likewise, this sample works after specifying monaco-editor version 0.31.0 in the sample’s package.json.

One difference I notice is that the latest monaco-editor uses version 4.0.12 of marked, while the older monaco-editor that works uses version 3.0.8 version of marked.

I think it’s a transitive dependency, and I haven’t dug deeper into it.

$ git rev-parse --short HEAD
db5039b7
$ yarn why marked
yarn why v1.22.17
...
=> Found "marked@4.0.12"
info Reasons this module exists
   - "typedoc" depends on it
   - Hoisted from "typedoc#marked"
...

[PredokMiF]

I got same issue. Version downgrade was helped me:

monaco-editor@0.31.1
@monaco-editor/loader@1.3.2
@monaco-editor/react@4.4.5```