A modern programming language that makes developers happier.

kotlinlang

hi! I started following this guide about Kotlin/JS, yet I'm stuck on this part: <https://play.kotlinlang.org/hands-on/Building%20Web%20Applications%20with%20React%20and%20Kotlin%20JS/03_A_First_Static_Page>, where you do the `KotlinConf Explorer` Page. I made sure my code is right (I checked the repo), yet nothing appears in my browser.

Anything in the browser console?
If not, what’s your code exactly?

When I looked at the browser error, this was the error: `Uncaught Error: Minified React error #200; visit <https://reactjs.org/docs/error-decoder.html?invariant=200> for the full message or use the non-minified dev environment for full errors and additional helpful warnings.`

There’s a mismatch between your `index.html` and your Kotlin code.

There should be a `&lt;div&gt;` with `id="root"` in your `index.html`.
And `document.getElementById("root")` in your Kotlin code references that `div`.

Alternatively you may execute your script too early - before the `div`.

this is my kotlin code
```fun main() {
	render(document.getElementById("root")) {
		h1 { +"KotlinConf Explorer" }
		div {
			h3 { +"Videos to watch" }
			p { +"John Doe: Building and breaking things" }
			p { +"Jane Smith: The development process" }
			p { +"Matt Miller: The Web 7.0" }

			h3 { +"Videos watched" }
			p { +"Tom Jerry: Mouseless development" }
		}
		div {
			h3 { +"John Doe: Building and breaking things" }
			img {
				attrs { src = "<https://via.placeholder.com/640x360.png?text=Video+Player+Placeholder>" }
			}
		}
	}
}```

and my html file:
```<!DOCTYPE html>
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;Learning Kotlin/JS&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;script src="KotlinJS.js"&gt;&lt;/script&gt;
&lt;div id="root"&gt;&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;```

You have to move `&lt;script src="KotlinJS.js"&gt;&lt;/script&gt;` below `&lt;div id="root"&gt;&lt;/div&gt;`, as shown in the tutorial.