Property 'matchImageSnapshot' does not exist on type 'cy & EventEmitter'

[iten74]

Configured the plugin as outlined but cypress does not recognize it. The plugin works if I add @ts-ignore in front of the line cy.matchImageSnapshot();, but I'd rather be able to configure the framework correctly so cypress doesn't complain. Any idea?

index.js:

const cucumber = require('cypress-cucumber-preprocessor').default;
const browserify = require('@cypress/browserify-preprocessor');
const resolve = require('resolve');
const { addMatchImageSnapshotPlugin } = require('cypress-image-snapshot/plugin');

module.exports = (on, config) => {
    const options = {
        ...browserify.defaultOptions,
        typescript: resolve.sync('typescript', { baseDir: config.projectRoot })
    };
    on('file:preprocessor', cucumber(options));
    addMatchImageSnapshotPlugin(on, config);
};

commands.js

import { addMatchImageSnapshotCommand } from 'cypress-image-snapshot/command';
addMatchImageSnapshotCommand();

[ma-bourassa]

Try to run npm i @types/cypress-image-snapshot -D

[DCzajkowski]

Solved it for me. Thanks @ma-bourassa!

[jake-nz]

I also needed /// <reference types="cypress-image-snapshot" />

[dhakalsamundra]

@ma-bourassa, even I add the @types/cypress-image-snapshot, there is same error. But if i add this: /// , it will resolved. I do not want to add this reference in all of my test file. is there is way to fix without writing reference?