JetBrains/react-buddy-ide-toolbox

preview not work in WebStorm

Opened this issue · 6 comments

perrywu1989 commented

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

WebStorm 2023.2.4

wenerme commented

Same for WebStorm 2023.3.1

  • 👍4
NTICompass commented

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?

  • 👍3
karol-be commented

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 commented

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?

  • 👍3
  • ❤️2
boldwade commented

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 commented

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