Lesson 8: ethers-5.6.esm.js blocked because of a disallowed MIME type in Firefox

[0xRadiant]

Hey Everyone,

Following along with Lesson 8, when I add on ethers-5.6.esm.js, I get the following error in my Firefox browser:

Loading module from “http://127.0.0.1:5500/ethers-5.6.esm.js” was blocked because of a disallowed MIME type (“text/html”)

I have tried searching around online for solutions, but hardly any of the suggestions I found appear to help address this specific use case. The only suggestion I found so far was to update Firefox's mime.types when searching through the results in about:config, but I think this may be overkill since this could apply to all websites.

Independently, I tried to ensure I had the latest updates installed for my web browser, and disabled all extensions except for MetaMask to make sure I'm not missing something basic. I could just skip this lesson and continue along, but curious to see what the best solution is, as I'm sure issues like this could come up in future projects.

Has anyone else faced anything similar? If so, how did you resolve it?

[0xRadiant]

This was even simpler than I thought - there was a typo in the file name. I called this ethers-5.6.esm.js above, but it should have been ethers-5.6.esm.min.js.

Sorry about that 😅

[JuniorSua]

Just wanted to say I did the same thing... thank you for posting this question lol