如何使用 Cypress 获得比“Webpack 编译错误”更多的细节？

Question

每当我导入的模块之一出现错误时，我从赛普拉斯得到的只是消息 Error: Webpack Compilation Error 。似乎在任何地方都没有有用的错误堆栈，因此不得不追查错误源非常令人沮丧。我想知道是否有办法获得有关错误的更多详细信息？

我正在用 TypeScript 编写测试并使用 cypress-webpack-preprocessor 来编译测试代码。

这是我传递给 cypress-webpack-preprocessor 的 webpack.config.js ：

 module.exports = {
  mode: 'development',
  module: {
    rules: [
      {
        test: /\.tsx?$/,
        exclude: [/node_modules/],
        use: [
          {
            loader: 'ts-loader'
          }
        ]
      }
    ]
  },
  resolve: {
    extensions: ['.ts', '.tsx', '.js']
  }
};

这是可爱的错误消息的屏幕截图：

原文由 Sajad Torkamani 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以通过在调试模式 文档 中运行 cypress 来查看您的 webpack 日志

苹果机/Linux

 DEBUG=cypress:* cypress run

视窗

set DEBUG=cypress:*
cypress run

这是相当多的输出，因为 cypress 所做的一切都有日志记录 - 其中之一是 cypress:webpack ，它可以为您提供完整的消息。

原文由 dcchuck 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

我观察到提供不正确的路径可能会导致此错误。尝试给出完整路径，如下所示。

路径不正确

import { Login } from 'Login.js';

正确路径

import { Login } from '../page-object-model/Login.js';

原文由 Vikas 发布，翻译遵循 CC BY-SA 4.0 许可协议