如何在脚本打字稿中导入其他模块

问题描述

我是打字稿新手。我不知道如何在脚本中引用（导入）一个模块

在我的 index.html 文件中我引用了

<script src="main.js"></script>

在 main.ts 文件中，我试图导入另一个 typescrtipt 模块

import greet from './greeter';
greet();

在 greeter.ts 文件中，我正在导出一个函数

export default function greet(): void {
  console.log('Hello World');
}

但在浏览器控制台中，我看到一个错误，显示 Uncaught ReferenceError: exports is not defined

这是我的tsconfig.json

{
  "compilerOptions": {
    "target": "es5","module": "commonjs","strict": true,"esModuleInterop": true,"skipLibCheck": true,"forceConsistentCasingInFileNames": true
  }
}

我尝试将 "module" 属性更改为 "es2015"，但它不起作用。

解决方法

好的，我发现我不需要导入那个模块。我可以在链接到 greeter.js

的现有脚本标签之前添加另一个脚本标签

<script src="greeter.js"></script>

然后我不需要在 export 中 greeter.ts 或在 main.ts 中导入