Impossible to start Cypress tests. Stuck on test bootstrap.

[Nikitzu]

Current behavior

I cannot run any test(even empty one). Cypress shows "Your tests are loading" and this message never goes awaya.

Desired behavior

I want to be able to run tests

Test code to reproduce

I installed:

{
  "@cypress/react": "^8.0.2",
  "@types/cypress": "^1.1.6",
  "cypress": "^13.16.1",
}

I use vite+TS+React in my app. Here is vite-config.ts

import react from '@vitejs/plugin-react';
import { defineConfig } from 'vite';
import mkcert from 'vite-plugin-mkcert';
import tsconfigPaths from 'vite-tsconfig-paths';
import { version } from './package.json';

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react(), tsconfigPaths(), mkcert()],
  assetsInclude: ['**/*.woff'],
  define: {
    APP_VERSION: JSON.stringify(version),
  },
});

cypress-config.ts:

import { defineConfig } from 'cypress';

export default defineConfig({
  component: {
    devServer: {
      framework: 'react',
      bundler: 'vite',
    },
  },
});

I have empty cypress/support/component.ts file. And two simple test examples:

// empty
describe('test.cy.tsx', () => {
  it('playground', () => {
    // cy.mount()
  })
})

// button
import { mount } from 'cypress/react';
import Button from '@/button';

describe('<Button />', () => {
  it('renders with the correct label', () => {
    mount(<Button />);
    cy.get('button').contains('Click Me');
  });
});

Button test is based on this component:

const Button = () => (<button>{'Click'}</button>)
export default Button;

That is all. And yet this setup fails even to start running the tests. Instead I see this after running npx cypress open:

Cypress Version

13.16.1

Node version

v18.20.4

Operating System

Sequoia 15.1.1

Debug Logs

No response

Other

No response

[TomPlum]

I'm also having issues with >13.16.0 with Vite. Shot in the dark, but if you try downgrading to 13.15.0, does it work? I'm seeing clearer errors with Vite preprocessing issues though.