Component testing. Module parse failed. You may need an appropriate loader. React with Webpack.

[Kost927]

Trying to configure cypress component testing into my application. I Have a custom webpack config and got this error.

here is my loader for cypress.
{
test: /\.ts|\.tsx$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader',
options: {
presets: ['@babel/preset-env', '@babel/preset-react'],
},
},
}
PS: This link from the documentation doesn't work.

[varunaswal]

Having the same issue

[varunaswal]

Hi, so it seems for me the issue was occurring because I export a function from my webpack.config.js - I added webpackConfig: webpackConfig() (with relevant function parameters) to my cypress config and the tests are now compiling successfully. However now I'm getting Timed out waiting for the browser to connect. Retrying again... - not sure if it's related or a separate issue.

[Kost927]

@varunaswal thank you. Also want to try such way

Got this answer from discord.