Cannot run example specs - Webpack Compilation Error

[aplaskota]

Current behavior:

I cannot open any example tests. Each try generates the same error

Error: Webpack Compilation Error
./cypress/integration/examples/aliasing.spec.js

Module build failed (from C:/user_path/Cypress/Cache/5.1.0/Cypress/resources/app/packages/server/node_modules/babel-loader/lib/index.js):

Error: The 'decorators' plugin requires a 'decoratorsBeforeExport' option, whose value must be a boolean. If you are migrating from Babylon/Babel 6 or want to use the old decorators proposal, you should use the 'decorators-legacy' plugin instead of 'decorators'.

Desired behavior:

Example tests should be run and working after Cypress installation

Test code to reproduce

• Instll Cypress (npm install cypress --save-dev)
• Open desktop app (npx cypress open)
• Pick up one of the existing example tests

Versions

Node 10.22.0
npm 6.14.6
Cypress 5.1.0
Windows 10
Chrome 85.0.4183.83 (Official Build) (64-bit)

[nelsongustavo]

Webpack Compilation Error
./cypress/support/index.js
Module build failed (from /Users/gustavop/Library/Caches/Cypress/5.2.0/Cypress.app/Contents/Resources/app/packages/server/node_modules/babel-loader/lib/index.js):
Error: Cannot find module 'babel-plugin-transform-class-properties' from '/Users/gustavop/code/sst-digital'
Webpack Compilation Error
./cypress/integration/examples/actions.spec.js
Module build failed (from /Users/gustavop/Library/Caches/Cypress/5.2.0/Cypress.app/Contents/Resources/app/packages/server/node_modules/babel-loader/lib/index.js):
Error: Cannot find module 'babel-plugin-transform-class-properties' from '/Users/gustavop/code/sst-digital'

Same here.

[havenchyk]

Might be a duplication of #8364

[jennifer-shehane]

@aplaskota @nelsongustavo Is this failing with the example specs that are seeding within your project? Or is this happening in the example specs after cloning the https://github.com/cypress-io/cypress-example-kitchensink repo directly?

If it's within your own project, do you have a .babelrc file present in the project? Because it may be a duplicate of #8364 or some other issue. Please provide the contents of this file or any other configuration from you project. Thanks!

[jjalonso]

just happened to me,on my project: yarn add cypress, yarn run cypress open, clicking any spec will show that error.

Error: Webpack Compilation Error
./cypress/integration/examples/cookies.spec.js
Module build failed (from /Users/jjalonso/Library/Caches/Cypress/5.6.0/Cypress.app/Contents/Resources/app/packages/server/node_modules/babel-loader/lib/index.js):
Error: Multiple configuration files found. Please remove one:
 - package.json
 - /Users/jjalonso/Work/showcode-app/.babelrc
from /Users/jjalonso/Work/showcode-app

[jennifer-shehane]

@jjalonso Can you provide a repo that we can run to reproduce this error?

[jjalonso]

My message was invalid, since i found an issue where i really had two babel, one in babelrc file, and another babel prop in package.json. then... not an issue.

…

On Fri, 20 Nov 2020 at 12:45, Jennifer Shehane ***@***.***> wrote: @jjalonso <https://github.com/jjalonso> Can you provide a repo that we can run to reproduce this error? — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#8523 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAC7CW7TCXEGZRXZLEQJ26TSQZQF5ANCNFSM4RAEX7XA> .

[sarimarton]

This, or something similar is happening to me:

Error: Webpack Compilation Error
./cypress/integration/examples/actions.spec.js
Module build failed (from /Users/marton.sari/Library/Caches/Cypress/6.0.1/Cypress.app/Contents/Resources/app/packages/server/node_modules/babel-loader/lib/index.js):
Error: Plugin/Preset files are not allowed to export objects, only functions. In /Users/marton.sari/***(project path)***/node_modules/babel-preset-es2015/lib/index.js

MacOS@10.15.7
Cypress@6.0.1

It works in an empty repo, but I can't share the one I'm using it in.

[s4l4x]

Same issue here in a private repo:

"cypress": "^6.2.0",

./cypress/integration/sample_spec.js
Module build failed (from /Users/s4l4x/Library/Caches/Cypress/6.2.0/Cypress.app/Contents/Resources/app/packages/server/node_modules/babel-loader/lib/index.js):
Error: Plugin/Preset files are not allowed to export objects, only functions. In .../node_modules/babel-preset-react/lib/index.js```

[jennifer-shehane]

Can anyone provide a reproducible example? Here are some tips for providing a Short, Self Contained, Correct, Example and our own Troubleshooting Cypress guide.

[nelsongustavo]

@aplaskota @nelsongustavo Is this failing with the example specs that are seeding within your project? Or is this happening in the example specs after cloning the https://github.com/cypress-io/cypress-example-kitchensink repo directly?

If it's within your own project, do you have a .babelrc file present in the project? Because it may be a duplicate of #8364 or some other issue. Please provide the contents of this file or any other configuration from you project. Thanks!

Can anyone provide a reproducible example? Here are some tips for providing a Short, Self Contained, Correct, Example and our own Troubleshooting Cypress guide.

Hey guys, it was my .babelrc file...

I was able to fix with this modification...

[jennifer-shehane]

Duplicate of #8364

[AdinaFakih]

const { should } = require("chai")

Remove the above line from your code, this line maybe on top of you commands.js file
This will fix the error for me

[MartaSwieboda]

const { should } = require("chai")

Remove the above line from your code, this line maybe on top of you commands.js file This will fix the error for me

this line "const { should } = require("chai")" has appear somehow in my spec.js file on the top.
I have remove it and it's working.

[pratikraut840]

Just delete the last two folders i.e. Plugings & supports and see the magic

[sumayya86]

@pratikraut840 this solution is perfect. works for me

[testingy12345]

Error: Webpack Compilation Error
./cypress/e2e/PageObjectModel.cy.js
Module not found: Error: Can't resolve '../PageObject/LoginPage.js' in 'C:\Users\Dell\CypressAutomation\cypress\e2e'
Looked for and couldn't find the file at the following paths:
[C:\Users\Dell\CypressAutomation\cypress\PageObject\LoginPage.js]
[C:\Users\Dell\CypressAutomation\cypress\PageObject\LoginPage.js.js]
[C:\Users\Dell\CypressAutomation\cypress\PageObject\LoginPage.js.json]
[C:\Users\Dell\CypressAutomation\cypress\PageObject\LoginPage.js.jsx]
[C:\Users\Dell\CypressAutomation\cypress\PageObject\LoginPage.js.mjs]
[C:\Users\Dell\CypressAutomation\cypress\PageObject\LoginPage.js.coffee]
@ ./cypress/e2e/PageObjectModel.cy.js 3:17-54

[AtofStryker]

@testingy12345 are you able to file a separate issue with a reproduction that we can run to recreate the issue?

[testingy12345]

@testingy12345 are you able to file a separate issue with a reproduction that we can run to recreate the issue?

The issue is resolved in today afternoon.

[prios-mbenyakoub]

@testingy12345 how did you resolve the issue ?