Error preparing file: cypress/support/e2e.js about cypress-image-diff HOT 8 CLOSED

This looks like "exports" field is not properly parsed by Webpack. What Webpack version are you using now?

I run pass after upgrade cypress from 12.9.0 to version 13.0.0 I think cypress-image-diff-js v2.1.2 not compatible with cypress version 12.9.0

Thank you for your feedback. This actually helps me find out the root of the problem. This is indeed the problem with exports field in package.json not regconised by Webpack 4 and older.

Cypress uses Webpack under the hood for bundling JavaScript. As I was looking through the Cypress release notes, I found out that Cypress v12.17.4 has upgraded Webpack from v4 to 5, and that if you use Cypress v12.17.4 and newer, you wouldn't encounter this problem.

To have better backward compatibility support, I created a pull request for this. We can close this issue for now, although we can leave it open for a while to ensure we have it right this time.

from cypress-image-diff.

This looks like "exports" field is not properly parsed by Webpack. What Webpack version are you using now?

I run pass after upgrade cypress from 12.9.0 to version 13.0.0
I think cypress-image-diff-js v2.1.2 not compatible with cypress version 12.9.0

from cypress-image-diff.

🎉 This issue has been resolved in version 2.1.3 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

from cypress-image-diff.

Hi, can you provide more detail context around your settings such as package.json, node version and project structure please?

from cypress-image-diff.

Hi, can you provide more detail context around your settings such as package.json, node version and project structure please?

I run on docker
Docker File

I've truncated some parts in the package.json file that I use for better readability, as the file is very long.
"scripts": { "cypress": "cypress open", "cy:stg:lcv:headless": "bash -c 'source .env.local-lcv && yarn run prereport && cypress run --browser electron --env ENV=stg,WEB=lcv,CONTENTSTACK_ENV=public-stg,CONTENTSTACK_API_KEY=${CONTENTSTACK_API_KEY},CONTENTSTACK_ACCESS_TOKEN=${CONTENTSTACK_ACCESS_TOKEN} --config baseUrl=https://pickup-stg.isuzu-tis.com/' && yarn run postreport", "prereport:junit": "yarn run delete:reports:junit", "postreport:junit": "yarn run combine:reports:junit", "prereport:mochawesome": "yarn run delete:reports:mochawesome", "postreport:mochawesome": "yarn run combine:reports:mochawesome && npx marge mochawesome.json", "prereport": "yarn run prereport:mochawesome && yarn run prereport:junit", "postreport": "yarn run postreport:mochawesome && yarn run postreport:junit", }, "devDependencies": { "@tripetch-isuzu/gitleaks": "^1.0.2", "cy-mobile-commands": "^0.3.0", "cypress": "12.9.0", "cypress-image-diff-html-report": "^2.0.2", "cypress-image-diff-js": "^2.1.2", "cypress-mochawesome-reporter": "^3.4.0", "cypress-multi-reporters": "^1.6.3", "cypress-ntlm-auth": "^4.1.2", "cypress-real-events": "^1.10.3", "cypress-recurse": "^1.29.0", "cypress-visual-regression": "^3.0.0", "cypress-wait-until": "^1.7.2", "del": "^7.0.0", "eslint": "7", "eslint-config-prettier": "^8.3.0", "eslint-plugin-cypress": "^2.12.1", "husky": "^8.0.3", "junit-report-merger": "^6.0.1", "lodash": "^4.17.21", "mocha": "^10.2.0", "mocha-junit-reporter": "^2.2.0", "mochawesome": "^7.1.3", "mochawesome-merge": "^4.3.0", "mochawesome-report-generator": "^6.2.0", "playwright-webkit": "^1.35.1", "prettier": "2.8.8" }

Project structure

from cypress-image-diff.

This looks like "exports" field is not properly parsed by Webpack. What Webpack version are you using now?

from cypress-image-diff.

I'm having this same issue!

from cypress-image-diff.

Let's leave this one open for a while until we figure out, good that we have a workaround but equally we want to ensure this can run on supported older versions...

from cypress-image-diff.