Nuxt•8mo ago

Supress <Suspense> warning, adds lots of console logs in tests

How do I hide the <Suspense> is an experimental feature and its API will likely change. message in Nuxt 3? When unit testing it appears many times for each test which is pretty frustrating

5 Replies

Serbemas•7mo ago

Same here!

JuanP Barba•7mo ago

You can do it with vue config: https://vuejs.org/api/application.html#app-config-warnhandler

Vue.js

Vue.js - The Progressive JavaScript Framework

JuanP Barba•7mo ago

It can be used to filter out specific warnings to reduce console verbosity. All Vue warnings should be addressed during development, so this is only recommended during debug sessions to focus on specific warnings among many, and should be removed once the debugging is done.

Dan•2mo ago

Was this issue ever resolved? Failing to get this working in the context of nuxt. Scratch that, found it

export default defineVitestConfig({
  test: {
    ...
    onConsoleLog(log: string) {
      if (
        log.includes(
          '<Suspense> is an experimental feature and its API will likely change.'
        )
      )
        return false;
    },
    ...
  }
});

export default defineVitestConfig({
  test: {
    ...
    onConsoleLog(log: string) {
      if (
        log.includes(
          '<Suspense> is an experimental feature and its API will likely change.'
        )
      )
        return false;
    },
    ...
  }
});

Rihan•2mo ago

A future Vue.js release will make it non experimental https://youtu.be/xvkf3KOaRlQ?t=1733

DejaVue

YouTube

DejaVue #E016 - The Future of Vue.js (with Evan You)

After the first part, Michael and Alex continue their conversation with the one and only Evan You, covering the future of the modern JavaScript Framework. Starting straight with possible plans for Vue 4 to address common pain points and no ETA for the next major, exciting improvements like native CSS Scoping or removing the need for declaring...

Gaming

Programming

Supress <Suspense> warning, adds lots of console logs in tests