typescript - http-server is downloading js file instead of displaying the result on the web

Question

I am starting a new typescript project, I have my .ts file, my .js file (compiled from the .ts file), and now I would like to see the result on a web page.

Here is my very simple js file :

var hello = 'hello';

function sayHello(text) {
    return text;
}
sayHello(hello);

I am therefore using http-server (an npm module - https://www.npmjs.com/package/http-server), but when I run the server (via http-server [path] [options] as per the doc) it downloads my file instead of displaying it at the address http://172.17.0.1:8080

No idea what to do now to actually serve and see my file at this address...

The http-server should be dead simple to use.

question from:https://stackoverflow.com/questions/65942810/http-server-is-downloading-js-file-instead-of-displaying-the-result-on-the-web

Answer 1

The problem is browser can't show JavaScript file as result. You should use in command the folder with index.html. (If you mention index.html, it will also download)

The typical usage is:

http-server

which is equivalent to http-server "./". Comments above mention Content-Type. That's because of HTTP protocol and the fact, the package is not perfect. For you, try to use HTML.