Question

我的项目中有几个打字稿文件，还有一个条目文件index.ts（输出文件由webpack创建）。

逻辑为export的单个文件为空。

例如。 file-one.ts：

document.getElementById('btn').onclick = function() {
    console.log('Hello world');
}

如何将上述一种文件导入主条目文件？

例如。 index.ts：

import `./file-one`

返回错误：

ERROR in ./src/index.ts
Module not found: Error: Can't resolve './file-one.ts' in './src/index.ts'

Answer 1

例如。 file-one.ts：

export click() {
    console.log('Hello world');
}

如何将上述一种文件导入主条目文件？

例如。 index.ts：

import {click} from  `./file-one.ts`

document.getElementById('btn').onclick = click;

Answer 2

您应该能够做到这一点，没有任何问题...即使不导出任何内容，也可以导入模块。

我注意到您在这里使用反引号...它应该是类似import'./file-one.ts'的字符串（尽管在这种情况下反引号会引起另一个错误）

无论如何，只要确保您的webpack配置可以加载打字稿文件，并且文件路径正确且可以正常工作即可。