naver / egjs-view360

360 integrated viewing solution
https://naver.github.io/egjs-view360/
MIT License
500 stars 90 forks source link

Conflict with Vite's default index.css #408

Open IoriBranford opened 1 year ago

IoriBranford commented 1 year ago

Description

I noticed Vite's default index.css is not compatible with View360 v4. No errors are output to console, but the View360's size becomes 0x0.

It might be good to add a note in the doc, to replace index.css if your project uses Vite.

Steps to check or reproduce

  1. Create a vite project npm create vite@latest
  2. Paste the React sample code into App.tsx
  3. Put a sample image in the project's public directory and correct the image file path in the code
  4. Run vite in the project directory
  5. Open the site
WoodNeck commented 1 year ago

Hello @IoriBranford I think you forgot to add the CSS file that View360 provides. Please check https://naver.github.io/egjs-view360/docs/quick-start-react Also: https://naver.github.io/egjs-view360/docs/styles