vuejs / devtools

⚙️ Browser devtools extension for debugging Vue.js applications.
https://devtools.vuejs.org/
MIT License
1.7k stars 122 forks source link

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

Open zerescas opened 4 months ago

zerescas commented 4 months ago

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 commented 4 months ago

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))
    }
  }
})
webfansplz commented 4 months ago

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.

etekweb commented 4 months ago

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.

webfansplz commented 4 months ago

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.