如何获得更多的细节比'Webpack编译错误'与Cypress?

ifsvaxew  于 5个月前  发布在  Webpack
关注(0)|答案(4)|浏览(53)

每当我导入的模块中出现错误时,我从Cypress得到的只是消息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']
  }
};

字符串
下面是可爱的错误消息的截图:
x1c 0d1x的数据

hmtdttj4

hmtdttj41#

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

DEBUG=cypress:* cypress run

字符串
Windows

set DEBUG=cypress:*
cypress run


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

xcitsw88

xcitsw882#

我观察到给出一个不正确的路径可能会给予这个错误。尝试给予一个完整的路径,如下所示。
错误的路径

import { Login } from 'Login.js';

字符串
正确道路

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

jaxagkaj

jaxagkaj3#

const { should } = require("chai")

字符串
从你的代码中删除上面的一行。这一行可能在你的commands.js文件的顶部。

14ifxucb

14ifxucb4#

当在commands.js文件中有意或无意地调用Cypress函数时,会出现此错误。
例如,通过调用cypress()函数,Cypress将导入commands.js文件中的特定代码行,从而在执行Cypress测试时导致Error:Webpack Compilation错误。
第一个月

相关问题