cy.prompt() get code error

[bubblem1029-tech]

Enable source maps to use cy.prompt
Source maps are required for cy.prompt functionality and are not available for this spec. Please set up your preprocessor to generate source maps in this project.

[MikeMcC399]

@bubblem1029-tech

Did you try clicking on "Learn more" to see what advice cy.prompt() gave you?

[qa-ashutosh]

Hi @bubblem1029-tech

This error means your project isn't generating source maps, which cy.prompt requires to work. The fix depends on your setup.

If you're using the default Cypress config (no custom preprocessor), add this to cypress.config.ts:

import { defineConfig } from 'cypress'

export default defineConfig({
  e2e: {
    setupNodeEvents(on, config) {
      on('task', {})
    },
  },
  // Enable source maps
  env: {},
  // Add this at the root level
  sourceMapMode: 'inline',
})

If you're using webpack (most common setup), enable source maps in your webpack config:

// cypress.config.ts
import { defineConfig } from 'cypress'
const webpackPreprocessor = require('@cypress/webpack-preprocessor')

export default defineConfig({
  e2e: {
    setupNodeEvents(on) {
      const options = {
        webpackOptions: {
          devtool: 'source-map', // this is the key line
          resolve: {
            extensions: ['.ts', '.js'],
          },
          module: {
            rules: [
              {
                test: /\.ts$/,
                use: 'ts-loader',
                exclude: /node_modules/,
              },
            ],
          },
        },
      }
      on('file:preprocessor', webpackPreprocessor(options))
    },
  },
})

If you're using Vite:

// vite.config.ts
export default {
  build: {
    sourcemap: true,
  },
}

If you're using TypeScript with tsconfig.json, also make sure this is set:

{
  "compilerOptions": {
    "sourceMap": true
  }
}

The quickest way to confirm it's working — after making the change, open Cypress, run your spec, and click the cy.prompt button again. If source maps are correctly enabled, the modal will no longer appear and cy.prompt will load normally.

What preprocessor or bundler are you using? That'll help narrow down which of the above applies to your setup.

[MikeMcC399]

Hello @qa-ashutosh

The original poster did not respond, so we don't know what prompt Cypress prompted them to do.

It sounds like your advice was generated by AI. If that is the case, please make sure that you have tested your suggestions personally otherwise it is not really adding value to the issue. Users can ask AI themselves without a third-party guessing about their configuration.

[qa-ashutosh]

Hello @MikeMcC399

Fair point, we jumped ahead without enough context from the poster, which wasn't helpful.
Lesson learned: clarify first, suggest later. Appreciate you flagging it.