Rendering HTML which includes javascript src file in Express

Question

I am using expressJS in my nodeJS application. I am getting the following error while rendering (using sendFile) an html file containing js code src="../../viewer/something.js" to a browser from a route requested from a browser client:

The resource from “http://localhost:3000/viewer/something.js” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff). Loading failed for the with source “http://localhost:3000/viewer/something.js”.

I even tried to define the Content-Type=“text/javascript” in the above line of the HTML page. How do I enable inclusion of the src file in the HTML files rendered from nodejs using sendFile? Can someone help please?

I guess this is to do with the file path not resolving more than the content type issue. Check if you can hit the JS file url from browser and that it can load — damitj07
– damitj07, Commented Mar 17, 2020 at 4:24

Vaibhav Bhuva · Accepted Answer · 2020-03-17 04:24:33Z

1

You should set your static folder like this

app.use(express.static(__dirname + '/public'));

Also, You'll need to give your HTML file the right path to your script file.

<script src="/viewer/something.js"></script>

answered Mar 17, 2020 at 4:24

Vaibhav Bhuva

4554 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

prafull Over a year ago

I think that was it! Thanks a lot Vaibhav!

Vaibhav Bhuva Over a year ago

@prafull Thank you for replying. I'm glad your issue was resolved. Thank you, too.

Collectives™ on Stack Overflow

Rendering HTML which includes javascript src file in Express

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related