Динамический c импорт в тестах Cypress с использованием Typescript: ChunkLoadError: Ошибка загрузки фрагмента 1

Question

Я пытаюсь использовать динамический c импорт в моих тестах на кипарис, например: const inputModule = await import('../../__tests__/testCases/baseInput');

Но я получаю эту ошибку: ChunkLoadError: Ошибка загрузки фрагмента 1. (отсутствует: http://localhost: 3000 / __ Cypress / Iframes / интеграции / 1.cases.spe c .ts )

Это моя конфигурация веб-пакета:

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));
};

А это мой цконфиг. json

{
  "extends": "../tsconfig.json",
  "include": ["cypress/**/*.ts", "**/*.ts", "**/*.js"],
  "exclude": [],
}

Answer 1

Я должен был добавить это к моему tsconfig.json:

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

и это к моей конфигурации webpack

output: {
        fileName: 'bundle.js',
        chunkFileName: '[name].bundle.js',
      }