使用Typescript在Cypress测试中动态导入：ChunkLoadError：加载块1失败

Question

我正在尝试在赛普拉斯测试中使用动态导入，例如const plt.savefig('var1' + '_' + col' + '.png')

但是我收到此错误： ChunkLoadError：加载块1失败。 （缺少：http://localhost:3000/__cypress/iframes/integration/1.cases.spec.ts）

这是我的webpack配置：

inputModule = await import('../../__tests__/testCases/baseInput');

这是我的tsconfig.json

module.exports = on => {
  const options = {
    webpackOptions: {
      resolve: {
        extensions: ['.ts', '.tsx', '.js'],
      },
      module: {
        rules: [
          {
            test: /\.tsx?$/,
            loader: 'ts-loader',
            options: { transpileOnly: true },
          },
        ],
      },
    },
  };
  on('file:preprocessor', wp(options));
};

Answer 1

我必须将此添加到我的{ "extends": "../tsconfig.json", "include": ["cypress/**/*.ts", "**/*.ts", "**/*.js"], "exclude": [], } ：

tsconfig.json

并将其保存到我的webpack配置中

"compilerOptions": {
    "module": "CommonJS",
  }