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

Question

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

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

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

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

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

Answer 1

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

Mac/Linux

DEBUG=cypress:* cypress run

视窗

set DEBUG=cypress:*
cypress run

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