Server HMR error messages only flashing

[superflausch]

After altering our existing Vite project to Vituum the HMR error message overlay only flashes briefly in the browser before disappearing.

Restarting vite will render the error message once, after a browser refresh or a refresh because of a file change the error message will only flash briefly again.

Any ideas what could cause this behaviour?

Cheers

[lubomirblazekcz]

could you send a repro? or vite.config.js atleast?

[superflausch]

I hope the vite.config.js helps.

import { defineConfig } from 'vituum'
import twig from '@vituum/twig'

// POSTCSS
import autoprefixer from 'autoprefixer'
import postcssImport from 'postcss-import'
import postcssNested from 'postcss-nested'
import postcssCustomMedia from 'postcss-custom-media'
import postcssImportExtGlob from 'postcss-import-ext-glob'

export default defineConfig({
  integrations: [twig()],
  templates: {
    format: 'twig',
  },
  output: 'dist',
  vite: {
    css: {
      postcss: {
        plugins: [
          autoprefixer,
          postcssImportExtGlob,
          postcssImport,
          postcssNested,
          postcssCustomMedia,
        ],
      },
    },
  },
})

[lubomirblazekcz]

Thanks, I've been able to reproduce this in Chrome, works in Firefox though. Should be fixed in plugin now -> vituum/vite-plugin-twig@3c33dd5

Update your deps in project, eg. with npm update and should be fixed now.