在 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 文件