在 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/

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

笔记：

您不能将打字稿文件导入 javascript 文件，但反之亦然。

Answer 2

你可以通过babel做到这一点。 按照下面的文章

文章：如何在 javascript 项目中使用 typescript 文件