Javascript 如何在React应用程序中本地手动测试typescript功能？

抱歉，这是一个新手问题，我正在使用react和typescript（通过创建react应用程序），如果我有一些完全非UI javascript代码（我正在处理的一个模块，用于处理一些REST api），大致如下：

src/lib/rest.tsx

export const getUser = async function (
    username: string,
) {
    let response = await fetch(`http://localhost:3000/api/auth/`, {
        username
    });
    return response;
};

我想知道如何在REPL或浏览器的开发工具中本地测试此函数，然后再将其投入实际使用。我想我现在有两个困难：

webpack现在似乎还没有将这个模块打包到代码中，如果我打开Chrom的开发工具，我可以看到其他tsx文件，但看不到这个，因为我想我不会在任何地方导入这个模块

即使它是打包的，我也不知道如何在REPL或开发工具控制台中导入该模块，因为首先我不知道这里的正确语法是什么，它会是

import src/lib/rest.tsx

？似乎我不能在REPL中导入任何模块，因为导入只能发生在模块内部

这里的工作流程只是我已经编写了一些简单的typescript函数，我想在类似REPL的环境中运行它们，这样我就可以确保它们在任何地方使用之前都能正常工作，或者开始针对它们编写单元/集成测试

---

谢谢

1是正确的，您的新模块未导入，因此未被webpack捆绑

我认为您不能在控制台atm中使用

import

语法。但是有两种方法可以尝试

只需将您的代码导入其中一个捆绑文件，如果您使用的是dev server，更改将自动反映到浏览器：

import { getUser } from '../../lib/rest';

getUser().then(console.log);

或者将其连接到窗口，以便您可以在控制台中使用它：

import { getUser } from '../../lib/rest';

if (typeof window !== 'undefined') {
  window.getUser = getUser;
}