devtools-next icon indicating copy to clipboard operation
devtools-next copied to clipboard

No timeline in the devtools panel (an default project based on create-vue)

Open zerescas opened this issue 1 year ago • 4 comments

Describe the bug

There is no the Timeline tab in the devtools panel, that mentioned on the official site

Expected behavior

The Timeline tab that exists in the devtools panel

How to reproduce

Steps to reproduce the behavior:

  1. Create a new Vue project with create-vue with these parameters: image

  2. Install dependencies with - npm install

  3. Launch the project with - npm run dev

  4. No any trace of the Timeline tab: image

zerescas avatar Jul 22 '24 03:07 zerescas

The config vite.config.js meets with the installation guide

import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueDevTools from 'vite-plugin-vue-devtools'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    vueDevTools(),
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  }
})

zerescas avatar Jul 22 '24 03:07 zerescas

Thanks for the feedback. In the new version, we merged the Timeline feature into the feature panel (e.g. pinia, vue-router). But we haven't updated the documentation, We'll update it to avoid confusion.

webfansplz avatar Jul 22 '24 04:07 webfansplz

This seems to work for seeing timeline events for the router and store specifically, but where would one go to find timeline events for component events? This is where I found the timeline most useful, in order to see if an emit was actually sent correctly. Now it seems like this functionality has been removed and only router/store events are shown in timeline.

etekweb avatar Jul 24 '24 15:07 etekweb

This seems to work for seeing timeline events for the router and store specifically, but where would one go to find timeline events for component events? This is where I found the timeline most useful, in order to see if an emit was actually sent correctly. Now it seems like this functionality has been removed and only router/store events are shown in timeline.

The reason we removed the component events timeline in the new version of devtools is that we found it to have serious performance issues and possible memory leaks.

webfansplz avatar Jul 24 '24 15:07 webfansplz