在执行单元测试用例时导入 json 文件 Create React App答案

【问题标题】：Import json file during execution of unit test cases Create React App在执行单元测试用例时导入 json 文件 Create React App
【发布时间】：2019-10-18 16:14:27
【问题描述】：

在运行单元测试用例时，我希望能够在我的打字稿代码中导入一个 json 文件。 tests 文件夹被排除在 tsconfig.json 文件中

文件的内容非常大，添加到 .ts 文件需要很长时间才能加载文件。

我如何仅在单元测试用例执行期间包含我的 sampleData.json 现在我得到一个编译错误“找不到模块'../../sampleData.json'。考虑使用'--resolveJsonModule ' 导入带有 '.json' 扩展名的模块..." 即使 resolveJsonModule 设置为 true 。

我不希望 json 文件成为构建的一部分

【问题讨论】：

标签： json reactjs typescript unit-testing tsconfig

【解决方案1】：

您是如何导入文件的？

如果这是默认导入，例如：import bla from './bla.json'。您必须将 "esModuleInterop": true 添加到您的 tsconfig。

【讨论】：

我使用“import statement”导入。即使在添加 esModuleInterop 之后仍然会遇到相同的问题 rootDir 设置为 src 并且 tests 文件夹是我在 tsconfig.json 文件中排除的 src 目录下的一个