Testcafe Studio 导入在 Typescript 中不起作用答案

【问题标题】：Testcafe Studio imports not working in TypescriptTestcafe Studio 导入在 Typescript 中不起作用
【发布时间】：2022-11-10 22:30:22
【问题描述】：

在 Testcafe Studio 中，导入适用于 Javascript，但不适用于 Typescript。我正在关注example，只是使用 Typescript。

页面模型.ts

export default class Page {}

测试.ts

import * as page from './page-model';

导入字符串带有错误下划线：

找不到模块“./page-model”或其相应的类型声明。(2307)

还需要什么才能使其发挥作用？

我考虑过类似的question，但即使是 Javascript 文件导入也显示相同的错误。

可能跟一个配置Note有关：

TestCafe 针对 TestCafe 安装文件夹解析用户指定的相对路径。

编辑整个问题都是关于 Testcafe工作室，直到刚才我才意识到区别。更新了问题和标签。

【问题讨论】：

我尝试在 TestCafe Studio 中创建一个导入 *.ts 模块的 TypeScript 测试文件。我重现了导入行加下划线并显示错误提示时的行为。但是，当我使用带下划线的 import 语句运行测试时，它成功完成且没有错误。您能否澄清一下这个问题是否会阻止您的测试运行，或者您只会看到误导性的错误消息。
@vasily.strelyaev 你是对的！下划线错误不会在运行时发生。我在运行时遇到的错误是不同的，这是由错误的导出语句引起的（我导出的是类型而不是实例）。
谢谢你的澄清。我创建了一张关于我们内部问题跟踪器中的误导性错误的票。

标签： typescript testing automated-tests testcafe

【解决方案1】：

我使用了this example，用 TypeScript 重写了它，然后运行了它。结果，测试顺利完成。

确保测试文件中包含页面模型的文件的路径正确。

此外，您默认导入页面，这意味着您不需要使用* 导出它。只需将其导出如下：import page from './page-model';

【讨论】：

我意识到我使用的是 Testcafe Studio，而不仅仅是 Testcafe。你在工作室试过吗？我的文件与 .ts 扩展名位于同一目录中。