Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
zerescas opened this issue Jul 22, 2024 · 4 comments
Open
Labels
documentation Improvements or additions to documentation

Comments

@zerescas
Copy link

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
Copy link
Author

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
Copy link
Member

webfansplz commented Jul 22, 2024

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 webfansplz added the documentation Improvements or additions to documentation label Jul 22, 2024
@etekweb
Copy link

etekweb commented Jul 24, 2024

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
Copy link
Member

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
documentation Improvements or additions to documentation
Projects
None yet
Development

No branches or pull requests

3 participants