在 Javascript 中导入 Typescript 文件

Question

我正在制作一个 Chrome 扩展程序，并尝试在 Javascript 中导入 Typescript 文件。两个文件彼此相邻。

我这样导入：

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

当我使用扩展程序时，出现以下错误：

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.

Answer 1

TypeScript 无法直接从浏览器/node.js 环境执行。首先你必须将transpile其转换为原生 JavaScript。为此，您需要执行tsc.

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

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

Typescript 是 JavaScript 的所谓“超集”，这意味着所有 Typescript 代码都将从 Typescript 编译器转换为常见的 JS 代码。通常这些编译过程与类似bundler的webpack.

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

知道这一点你的错误The server responded with a non-JavaScript MIME type很有意义，因为打字稿文件是“非 JavaScript MIME 类型”。

笔记：

您无法将 typescript 文件导入到 javascript 文件中，但反之亦然。