preview not work in WebStorm

[perrywu1989]

when i click component preview, it is stucked showing waiting for server...

WebStorm 2023.2.4

[wenerme]

Same for WebStorm 2023.3.1

[NTICompass]

I'm using PhpStorm 2023.3.4 and I am seeing this, too.

I am using Vite along with React, and when I try to preview a component, it just says "Waiting for dev server..." and sits there forever.

Accessing http://localhost:5173/ in the browser works just fine.

Does this require any additional setup to work with Vite?

[karol-be]

I can't get the plugin to work with Rider 2024.1.2, on a vite 5.2.11 project as well. Same issue - 'waiting for dev server'.
@web-devel Any chances we could get some help on that?

[djpowell]

Preview seems to work if you explicitly specify a binding host for the dev server, in vite:
server: { host: '127.0.0.1' }
Is it possible that react buddy is forming an invalid url somewhere if this isn't explictly provided?

[boldwade]

Preview seems to work if you explicitly specify a binding host for the dev server, in vite: server: { host: '127.0.0.1' } Is it possible that react buddy is forming an invalid url somewhere if this isn't explictly provided?

Works, thanks @djpowell!

[iscomandev]

Preview seems to work if you explicitly specify a binding host for the dev server, in vite:如果您明确为开发服务器指定绑定主机，则预览似乎可以工作： server: { host: '127.0.0.1' } Is it possible that react buddy is forming an invalid url somewhere if this isn't explictly provided?如果没有明确提供，React buddy 是否可能在某处形成无效的 url？

It works for me ， Thanks.

My environment is macos 14.5 , WebStorm 2024.2.3, React Buddy 242.20224.155

[Hammad-Hassan61]

when i click component preview, it is stucked showing waiting for server...

WebStorm 2023.2.4

Preview seems to work if you explicitly specify a binding host for the dev server, in vite: server: { host: '127.0.0.1' } Is it possible that react buddy is forming an invalid url somewhere if this isn't explictly provided?

It works, but you need to configure development server in react buddy manually.