我正在使用最新版本的 Visual Studio Code。
VS Code 使用的是 Typescript v3.3.3。
我已经通过 npm 在本地(save-dev)和全局安装了以下软件包:

  • TestCafe v1.1.0
  • Core-JS v3.0。
  • typescript v3.4.1

  • 我还创建了一个 tsconfig.json 文件并添加了属性 - “resolveJsonModule: true”

    我已经创建了一个 config.json 文件,在添加上面的 resolveJsonModule 属性后,它在我的 .ts 文件中被正确提取 -
    Import config from './config.json';
    

    但是,每当我运行脚本时,都会出现以下错误:
        Error: TypeScript compilation failed.
        /Users/test/Documents/Dev_Node/TestCafe/UK/homepage-fixture.ts (2, 20):
        Cannot find module './config.json'. Consider using '--resolveJsonModule'
        to import module with '.json' extension at Function._reportErrors (/Users/test/Documents/Dev_Node/TestCafe/node_modules/testcafe/src/compiler/te st-file/formats/typescript/compiler.js:45:15) at TypeScriptTestFileCompiler._reportErrors [as _precompileCode (/Users/test/Documents/Dev_Node/TestCafe/node_modules/testcafe/src/compiler/test-file/formats/typescript/compiler.js:79:40) at TypeScriptTestFileCompiler._precompileCode [as_compileCodeForTestFiles (/Users/test/Documents/Dev_Node/TestCafe/node_modules/testcafe/src/compiler/te
    st-file/api-based.js:110:29) at TypeScriptTestFileCompiler._compileCodeForTestFiles [as precompile (/Users/test/Documents/Dev_Node/TestCafe/node_modules/testcafe/src/compiler/test-file/api-based.js:169:21) at precompile (/Users/test/Documents/Dev_Node/TestCafe/node_modules/testcafe/src/compiler/index.js:70:48) at Compiler._precompileFiles (/Users/test/Documents/Dev_Node/TestCafe/node_modules/testcafe/src/compiler/index.js:66:54) at _precompileFiles (/Users/test/Documents/Dev_Node/TestCafe/node_modules/testcafe/src/compiler/index.js:105:91) at map (/Users/test/Documents/Dev_Node/TestCafe/node_modules/testcafe/src/compiler/i ndex.js:105:41)
    

    我已经尝试过这里提供的解决方案:Typescript compiler error when importing json file

    但它们都不适合我。

    最佳答案

    根据这个长期存在的问题:https://github.com/DevExpress/testcafe/issues/1845 TestCafe 使用自己的 TypeScript 配置,并且不支持您使用的任何 tsconfig.json。

    所以在我看来你的选择是:

  • 使用您自己的包含 resolveJsonModule 标志的 tsconfig.json 自己编译 TypeScript 代码,并且只让 TestCafe 查看生成的 JavaScript 代码。 TypeScript 的 outDir 标志在这里可能有助于将文件复制到正确的位置。
  • 创建一个描述配置内容的接口(interface)(可能名为 MyConfig ),并使用 let json: MyConfig = require('./config.json'); 导入 JSON 文件。不如让 TypeScript 自己解决问题,但它应该可以解决 TestCafe 的限制。
  • 关于导入 config.json 文件时 typescript 总是出错,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/55478059/

    10-16 11:48
    查看更多