If you skipped the Introduction, we strongly recommend reading it before moving on to the rest of the documentation. If you are using VSCode, you can install the es6-string-html extension and prefix the strings with a /*html*/ comment to get syntax highlighting for them.

You may have noticed that the imported component's template is inlined as a JavaScript string. You can also use any other HTTP server that can serve static files with the correct MIME types. To start a local HTTP server, first make sure you have Node.js installed, then run npx serve from the command line in the same directory where your HTML file is. Click the three dots to open the drop-down menu. Click on the three dots at the top-right corner of your screen.

In order for ES modules to work on our local machine, we need to serve the index.html over the protocol, with a local HTTP server. Open Google Chrome on your Windows 10 computer. If you directly open the above index.html in your browser, you will find that it throws an error because ES modules cannot work over the file:// protocol, which is the protocol the browser uses when you open a local file.ĭue to security reasons, ES modules can only work over the protocol, which is what the browsers uses when opening pages on the web.

Where to download javascript windows 10