I m getting the following error when trying to run a JS proj

Question

I m getting the following error when trying to run a JS project with `jsBrowserDevelopmentRun` ```Uncaught TypeError Cannot read properties of undefined reading kotlin kotlin stdlib js ir ``` It s not crashing on the JS file generated by the project itself so it definitely finds it The `kotlin kotlin stdlib js ir js` file does exist in `build js packages lt module gt kotlin` so I don t understand what s going wrong

Abdraouf SABETE · Answer

I think you re trying to access a property of an object that hasn t been defined yet In your case it seems like the `kotlin kotlin stdlib js ir` is not being recognized at the time of execution

Artem Kobzar · Answer

< Ilya Goncharov JB > could it be a problem with the build task

CLOVIS · Answer

< Abdraouf SABETE> gt In your case it seems like the `kotlin kotlin stdlib js ir` is not being recognized at the time of execution Sure but why

Ilya Goncharov [JB] · Answer

Hi usually there is no property `kotlin kotlin stdlib js ir` in js files It can be required but it should be stored to property like `kotlin kotlin` Could you please share header of your main file Something like that ``` function root factory if typeof define === function amp amp define amd define exports kotlin kotlin stdlib js factory else if typeof exports === object factory module exports require kotlin kotlin stdlib js else if typeof this kotlin kotlin stdlib === undefined throw new Error Error loading module hello app Its dependency kotlin kotlin stdlib was not found Please check whether kotlin kotlin stdlib is loaded prior to hello app root hello app = factory typeof this hello app === undefined this hello app this kotlin kotlin stdlib this function kotlin kotlin ```

CLOVIS · Answer

``` function root factory if typeof define === function amp amp define amd define exports kotlin kotlin stdlib js ir js factory else if typeof exports === object factory module exports require kotlin kotlin stdlib js ir js else if typeof this kotlin kotlin stdlib js ir === undefined throw new Error Error loading module Material3 Tailwind demo Its dependency kotlin kotlin stdlib js ir was not found Please check whether kotlin kotlin stdlib js ir is loaded prior to Material3 Tailwind demo root Material3 Tailwind demo = factory typeof this Material3 Tailwind demo === undefined this Material3 Tailwind demo this kotlin kotlin stdlib js ir this function kotlin kotlin ```

CLOVIS · Answer

Reproduction <https gitlab com opensavvy ui compose material3 tailwind git> branch `1 initialize` it s just a hello world at this point

Ilya Goncharov [JB] · Answer

Ok now I get it So the problem is `index html` First of all it does not need `type= module ` it is necessary only when you are working with ES modules But in fact when you run `jsBrowserDevelopmentRun` webpack does its work and bundle all files into standard JS presentation not es modules And one more webpack output file by default is just ` lt name gt js` in this case `demo js` `Material3 Tailwind demo js` is compiler output so it does not suit So in fact we have possibility to improve the behaviour from Gradle plugin side but for now we need to predict webpack output file name and put this filename to `index html` So this `index html` has to help ```< DOCTYPE html> lt html lang= en gt lt head gt lt meta charset= UTF 8 gt lt title gt Material3 for Compose HTML lt title gt lt link href= style css rel= stylesheet gt lt head gt lt body gt lt suppress HtmlUnknownTarget The file is valid at runtime but IDEA can t see it gt lt script src= demo js gt lt script gt lt body gt lt html gt ```

CLOVIS · Answer

> First of all it does not need `type= module ` Now that s news to me I ve been using Kotlin JS for years now and I have always used `type= module ` thinking face Did this change semi recently Have I always been running the output of the compiler directly without using Webpack sweat smile

CLOVIS · Answer

I can confirm that it does work with your changes