Import Typescript file in Javascript

I'm making a Chrome extension and I'm trying to import a Typescript file in Javascript. Both files are next to each others.

I'm importing it this way:

import { ApiParsing } from './ApiParsing.ts';

When I'm using the extension I have the following error:

Failed to load module script: The server responded with a non-JavaScript MIME type of "". Strict MIME type checking is enforced for module scripts per HTML spec.



TypeScript cannot be executed from a browser / node.js environment directly. At first you have to transpile it into native javascript. To do this you will need to execute tsc.

Typescript is a so called "Superset" of JavaScript which means that all typescript code will be transpiled into usual JS code from the typescript compiler. Often those compile processes are linked with a bundler like webpack.

Knowing this your error The server responded with a non-JavaScript MIME type makes a lot of sense due to a typescript file is a "non-JavaScript MIME type".


You can't import typescript files into javascript files, but you can do it vice versa.


You can do that through babel. Follow below article

Article: How to use typescript file in javascript project


Recent Questions

Top Questions

Home Tags Terms of Service Privacy Policy DMCA Contact Us Javascript

©2020 All rights reserved.