javascript - 编译为 JavaScript 后 TypeScript 导入不起作用

Question

起始页.ts

export function startingPage () {...rest of function}

main.ts

import { startingPage } from "./starting-page";

startingPage();

索引.html

<script src="/dist/main.js" type="text/javascript"></script>

错误：

 Uncaught SyntaxError: Cannot use import statement outside a module                         main.js:1

描述

我想它不起作用，因为在 JS 文件中它应该是module.exports = startingPage; 就像在我之前的 vanilla JS 项目中一样，它工作得很好，但是它是 TS 项目，我不知道如何让它工作。编辑：显然，我将其导入为const startingPage = requrie('...')

标签： javascripttypescriptimportexportes6-modules

Answer 1

我的问题的解决方案是安装 Parcel - 应用程序捆绑器。

正如我提到的，我在我的 vanilla JS 项目中使用了它，所以我现在也尝试了它，它工作得很好。与其说是 TS 项目构建问题，不如说是 JS 语法错误。