ES6 modules in local files – The server responded with a non-JavaScript MIME type

by

A simple fix for me that wasn’t listed here was this:

I had an import statement bringing an object from a different file, which I did via this line:

import { Cell } from './modules/Cell';

What broke the code and caused the MIME type error was not having .js appended to the end of ./modules/Cell.

The updated line fixed my problem:

import { Cell } from './modules/Cell.js';

More Related Contents:

  1. How to import ES6 modules in content script for Chrome Extension
  2. Can I set the filename of a PDF object displayed in Chrome?
  3. Using ‘let’ as a variable name is not throwing any errors in google v8
  4. ECMAScript 6 not working although experimental JS is enabled
  5. Arrow function without curly braces
  6. What do square brackets around a property name in an object literal mean?
  7. How do I destructure all properties into the current scope/closure in ES2015?
  8. How can I mock an ES6 module import using Jest?
  9. Chrome 65 blocks cross-origin . Client-side workaround to force download?
  10. Console.log showing only the updated version of the object printed
  11. ES6 exporting/importing in index file
  12. How can a Chrome extension save many files to a user-specified directory?
  13. What is the difference between using constructor vs state = {} to declare state in react component?
  14. Chrome can’t load web worker
  15. Javascript ES6 export const vs export let
  16. Can I use ES6’s arrow function syntax with generators? (arrow notation)
  17. Arrow functions and the use of parentheses () or {} or ({})
  18. Destructuring Nested objects in javascript | Destructure second level parent and child Objects
  19. What does calling super() in a React constructor do?
  20. How to use javascript proxy for nested objects
  21. Accessing Current Tab DOM Object from “popup.html”?
  22. Communicating between a Chrome packaged app and a Chrome extension?
  23. How to call another function within the same object?
  24. What is the best general practice to timeout a function in promise [closed]
  25. Chrome and IE sorts JSON Object automatically, how to disable this?
  26. How can I capture all network requests and full response data when loading a page in Chrome?
  27. How to window.open with a toolbar in Google Chrome?
  28. React cannot read property map of undefined
  29. What is the technical definition of a Javascript iterable and how do you test for it?
  30. ES6 – declare a prototype method on a class with an import statement

Leave a Comment