Unable to run E2E step of my GitHub Actions pipeline ever since cypress 9.0

[FranciscoKloganB]

With the introduction of Cypress@^9.0.0, the usage of a bundled node has been deprecated. The release notes stated that this could break the pluginsFile of some users, but did not mention how, nor how to fix it. I have been trying to fix my pipeline for months now, with no success at all.

When running the project locally, E2E and Component Tests work flawlessly. Once pushed to my GitHub repository, the pipeline triggers using the same Node versions as my local ones and Component Tests pass, but E2E tests do not. Yielding this marvelous error, which does not give me much information. As anyone been through the same? I post my pluginsFile and GitHuh Actions files are published after the error log.

If you want to take a look at this issue yourself, you can visit my vitesse-enterprise template and check out to eliminate-cypress-deprecation-warning. Your contribution would be appreciated.

Your pluginsFile is invalid: /home/runner/work/vitesse-enterprise/vitesse-enterprise/tests/common/cypress/plugins/index.ts
    
    It threw an error when required, check the stack trace below:
    
    /home/runner/work/vitesse-enterprise/vitesse-enterprise/node_modules/.pnpm/@[email protected][email protected]/node_modules/@cypress/vite-dev-server/dist/makeCypressPlugin.js:74
                while (moduleImporters?.size) {
                                       ^
    
    SyntaxError: Unexpected token '.'
        at Module._compile (internal/modules/cjs/loader.js:895:18)
        at Object.Module._extensions..js (internal/modules/cjs/loader.js:995:10)
        at Module.load (internal/modules/cjs/loader.js:815:32)
        at Function.Module._load (internal/modules/cjs/loader.js:727:14)
        at Module.require (internal/modules/cjs/loader.js:852:19)
        at require (internal/modules/cjs/helpers.js:74:18)
        at Object.<anonymous> (/home/runner/work/vitesse-enterprise/vitesse-enterprise/node_modules/.pnpm/@[email protected][email protected]/node_modules/@cypress/vite-dev-server/dist/startServer.js:11:29)
        at Module._compile (internal/modules/cjs/loader.js:959:30)
        at Object.Module._extensions..js (internal/modules/cjs/loader.js:995:10)
        at Module.load (internal/modules/cjs/loader.js:815:32)
        at Function.Module._load (internal/modules/cjs/loader.js:727:14)
        at Module.require (internal/modules/cjs/loader.js:852:19)
        at require (internal/modules/cjs/helpers.js:74:18)
        at Object.<anonymous> (/home/runner/work/vitesse-enterprise/vitesse-enterprise/node_modules/.pnpm/@[email protected][email protected]/node_modules/@cypress/vite-dev-server/dist/index.js:5:23)
        at Module._compile (internal/modules/cjs/loader.js:959:30)
        at Object.Module._extensions..js (internal/modules/cjs/loader.js:

// tests/common/cypress/plugins/index.ts
import path from 'path'
import { startDevServer } from '@cypress/vite-dev-server'

export default (on: Cypress.PluginEvents, config: Cypress.PluginConfigOptions) => {
  on('dev-server:start', async (options) =>
    startDevServer({
      options,
      viteConfig: {
        configFile: path.resolve(__dirname, '..', '..', '..', '..', 'vite.config.ts'),
      },
    })
  )

  return config
}

Already tried using module.exports instead of export default, even tho export default is supported when using TypeScript.

# My GitHub actions ...
      - name: Cypress PNPM Patch
        run: cp pnpm-lock.yaml package-lock.json
        
      - name: Cypress End-to-End Test Runner
        uses: cypress-io/github-action@v2
        with:
          install-command: echo
          build: pnpm build:prod:ssg
          start: npx vite preview --host --port 4000
          wait-on: 'http://localhost:4000'