Vite import-analysis error when using vite-plugin-cypress-esm

[ryany338]

I'm trying to get the vite-plugin-cypress-esm working in my component tests. When I run a test with the plugin enabled, the vite:import analysis plugin throws an error. It seems like the entries that I've added to ignoreModuleList are not being honored. Here's a stack trace:

2:08:03 PM [vite] Internal server error: Failed to parse source for import analysis because the content contains invalid JS syntax. If you are using JSX, make sure to name the file with the .jsx or .tsx extension.
  Plugin: vite:import-analysis
  File: /Users/dev/node_modules/.vite/deps/@remix-run_react.js?v=70f1f4b7:2239:3
  2237|        await routeModulePromise;
  2238|      }
  2239|    };
     |    ^
  2240|  }
  2241|  function getRedirect(response) {
      at formatError (file:///Users/dev/node_modules/vite/dist/node/chunks/dep-bb8a8339.js:44062:46)
      at TransformContext.error (file:///Users/dev/node_modules/vite/dist/node/chunks/dep-bb8a8339.js:44058:19)
      at TransformContext.transform (file:///Users/dev/node_modules/vite/dist/node/chunks/dep-bb8a8339.js:41784:22)
      at async Object.transform (file:///Users/dev/node_modules/vite/dist/node/chunks/dep-bb8a8339.js:44352:30)
      at async loadAndTransform (file:///Users/dev/node_modules/vite/dist/node/chunks/dep-bb8a8339.js:55026:29)
      at async viteTransformMiddleware (file:///Users/dev/node_modules/vite/dist/node/chunks/dep-bb8a8339.js:64430:32)

Here's a snippet from the cypress config. I'm not sure what I'm missing.

export default defineConfig({
  component: {
    devServer: {
      framework: 'react',
      bundler: 'vite',
      viteConfig: defineViteConfig({
        plugins: [
          react(),
          CypressEsm({
            ignoreModuleList: ['*react*', '*remix*', '@remix-run*'],
            ignoreImportList: ['*react*', '*remix*', '@remix-run*']
          }),
          nodePolyfills({
            exclude: ['fs'],
          }),
        ],
        resolve: {
          alias: {
            '~': path.resolve(__dirname, './src'),
          },
        },
      }),
    },
    viewportHeight: 1200,
    viewportWidth: 1440,
  },

Has anyone else run into this?
Cypress - v12.4.1
Vite - v4.5.0
@cypress/vite-plugin-cypress-esm - v1.1.0

[barbaracassani]

I don't know if it's of any help, but I had the same and the cause turned out to be a conditional import in @mui/material/className.
The error message in my case too pointed to vite itself, but it was misleading.

[simonvizzini]

@barbaracassani How did you solve it? I'm running into the same issue, also using @mui/material. I added @mui* to both ignoreModuleList and ignoreImportList but that didn't help.