egjs-view360 icon indicating copy to clipboard operation
egjs-view360 copied to clipboard

Conflict with Vite's default index.css

Open IoriBranford opened this issue 1 year ago • 1 comments

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

IoriBranford avatar Mar 12 '23 02:03 IoriBranford

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

WoodNeck avatar Mar 13 '23 05:03 WoodNeck