@cypress/webpack-dev-server

[mikekubn]

I tried migrated to new version of cypress 7.0. But previous version used @cypress/webpack-preprocessor

const webpackPreprocessor = require('@cypress/webpack-preprocessor')
const webpackConfig = require('../webpack.config.js')(null, {
  mode: 'development',
});

module.exports = (on, config) => {
  const options = {
    webpackOptions,
    watchOptions: {},
  };

  on('file:preprocessor', webpackPreprocessor(options))

  return config
}

, all worked good. After update cypress and adding feature @cypress/webpack-dev-server according migration guide

const { startDevServer } = require('@cypress/webpack-dev-server')
const webpackConfig = require('../webpack.config.js')

module.exports = (on, config) => {
  on('dev-server:start', (options) => { return startDevServer({ options, webpackConfig }) })

  return config
}

now I getting following error:

Webpack Compilation Error
./src/app/apollo/graphql/index.graphql 1:0
Module parse failed: Unexpected character '#' (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders

some advices? 😏😏