Importar archivo Typescript en Javascript

Estoy haciendo una extensión de Chrome y estoy tratando de importar un archivo de Typescript en Javascript. Ambos archivos están uno al lado del otro.

Lo estoy importando de esta manera:

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

Cuando estoy usando la extensión tengo el siguiente 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.

Respuesta #1

TypeScript no se puede ejecutar directamente desde un entorno de navegador/node.js. Primero tienes que transpilar a javascript nativo. Para hacer esto necesitarás ejecutar tsc.

https://www.typescriptlang.org/docs/handbook/compiler-options.html

https://www.typescriptlang.org/docs/tutorial.html

Typescript es un llamado "Superset" de JavaScript, lo que significa que todo el código de typescript será transpilado a código JS habitual por el compilador de typescript. A menudo, esos procesos de compilación están vinculados con un bundler como webpack.

https://webpack.js.org/concepts/

Sabiendo esto, tu error The server responded with a non-JavaScript MIME type tiene mucho sentido debido a que un archivo TypeScript es un "tipo MIME no JavaScript".

Nota:

No puedes importar archivos de TypeScript en archivos de JavaScript, pero puedes hacerlo al revés.

Respuesta #2

Puedes hacer eso a través de babel. Sigue el artículo a continuación

Artículo: Cómo usar un archivo TypeScript en un proyecto de JavaScript