Error when creating own instance using NPM

[jetbrains]

Error when creating own instance using NPM

[AlexanderPrendota]

@msasikanth Only client side. Kotlin-Playground can only be loaded in a browser environment (because it doesn't do anything useful outside of that).

[AlexanderPrendota]

@msasikanth Hello! If you can provide me a simple stand-alone script, I can take a look.

[msasikanth]

I am getting this error as soon as I use the import statement. Even before I write any script. But if still want the code I used it's the same as the one in read me file

import playground from 'kotlin-playground'; document.addEventListener('DOMContentLoaded', () => { playground('code'); // attach to all  elements });  

[AlexanderPrendota]

@msasikanth I just created simple ReactJS application and install playground via yarn add playground. Kotlin-playground works fine for me. So, Did you try to drop all node_modules and install ones again?

[msasikanth]

@AlexanderPrendota I created a simple webapp using expressjs from Idea, I added kotlin playground dependency using npm install kotlin-playground -S.

But as soon as I use import statement and run the webserver I am getting error again. I tried it without express js and a simple webapp from VisualStudio as well.

[AlexanderPrendota]

@msasikanth Oh. I see. Kotlin-Playground runs in the browser, it is written to rely on certain browser APIs. One such API it relies on is navigator. The same behavior as in CodeMirror.

Also, you can add playground via script tag:
<script src="https://unpkg.com/kotlin-playground@1" data-selector="code"></script>

[msasikanth]

So best option right now is to use the ReactJS or use the script tag?