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

Conflict with Vite's default index.css #408

Open
IoriBranford opened this issue Mar 12, 2023 · 1 comment
Open

Conflict with Vite's default index.css #408

IoriBranford opened this issue Mar 12, 2023 · 1 comment
Assignees
Labels
🔖4.x v4.x~ related issue 📦 React react-view360 related issue ❓ Question Questions about View360

Comments

@IoriBranford
Copy link

IoriBranford commented Mar 12, 2023

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 WoodNeck self-assigned this Mar 13, 2023
@WoodNeck WoodNeck added ❓ Question Questions about View360 📦 React react-view360 related issue 🔖4.x v4.x~ related issue labels Mar 13, 2023
@WoodNeck
Copy link
Member

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🔖4.x v4.x~ related issue 📦 React react-view360 related issue ❓ Question Questions about View360
Projects
None yet
Development

No branches or pull requests

2 participants