javascript - 在 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 环境中执行。首先，您必须将其转换为原生 JavaScript。为此，您需要执行tsc。

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

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

Typescript 是所谓的 JavaScript“超集”，这意味着所有 Typescript 代码都将从 TypeScript 编译器转换为普通的 JS 代码。通常这些编译过程与诸如 webpack 之类的 bundler 链接。

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

知道这是你的错误服务器以非 JavaScript MIME 类型响应很有意义，因为 typescript 文件是“非 JavaScript MIME 类型”。

注意:

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