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

Chrome 131 will not load page when break points present #18669

Open
7 tasks done
michaeldobeson opened this issue Nov 14, 2024 · 3 comments
Open
7 tasks done

Chrome 131 will not load page when break points present #18669

michaeldobeson opened this issue Nov 14, 2024 · 3 comments

Comments

@michaeldobeson
Copy link

Describe the bug

I have a legacy vite project but also have replicated with clean vite project.

% npm create vite@latest
Need to install the following packages:
[email protected]
Ok to proceed? (y) y

npx
create-vite

✔ Project name: … vite-project
✔ Select a framework: › React
✔ Select a variant: › TypeScript

Scaffolding project in /Users/michaeldobeson/Temp/ViteTest/vite-project...

Done. Now run:

cd vite-project
npm install
npm run dev

Launching a debug session in vscode with chrome shows the page as expected. Creating any break point and reloading the debug session hangs the page. It appears to hang on the line

const hmrConfigName = "vite.config.ts";

In my legacy project it would hang on the line
const hmrConfigName = HMR_CONFIG_NAME

This works fine in Chrome 130
Firefox is unaffected.

Can also replicate in current build of Edge.
Replicated on multiple macOS Machines on Sonoma, Sequoia, BigSur

Reproduction

na

Steps to reproduce

% npm create vite@latest
Need to install the following packages:
[email protected]
Ok to proceed? (y) y

npx
create-vite

✔ Project name: … vite-project
✔ Select a framework: › React
✔ Select a variant: › TypeScript

Scaffolding project in /Users/michaeldobeson/Temp/ViteTest/vite-project...

Done. Now run:

cd vite-project
npm install
npm run dev

System Info

Replicated on multiple macOS Machines on Sonoma, Sequoia, BigSur
Chrome 131

Used Package Manager

npm

Logs

No response

Validations

@bluwy
Copy link
Member

bluwy commented Nov 14, 2024

If this only happens in Chrome 131 and other chromium-based browsers, wouldn't that be a Chrome bug? Should it be reported there instead?

@michaeldobeson
Copy link
Author

I understand that is certainly a possibility. Is this not a concern for the vite community? Chrome/Vscode/MacOS is hardly an obscure setup. I could not see others reporting this issue and thought it might be worth while raising the issue and reporting what I found so others don't waste the time I did trouble shooting.

@bluwy
Copy link
Member

bluwy commented Nov 15, 2024

For sure, but if the issue lies in Chrome 131 and it's not reported there, the issue will never get fixed and this will keep staying open. I'm fine with leaving this open so users can find a single discussion about this, but since it's looks like there's nothing Vite can do to fix this (the breakpoint hanging seems arbitrary to me), we need to move the needle elsewhere.

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

No branches or pull requests

2 participants