Описание ошибки Я работаю с библиотекой react-carousel от brainhubeu в Next JS. Даже когда я использую динамический c импорт с ssr: false, пользовательский интерфейс сборки выглядит странно, но пользовательский интерфейс разработчика в полном порядке.
пользовательский интерфейс разработчика -
I have recreated it in Codesandbox too (this one is for dev environment is running npm run dev)-
https://codesandbox.io/embed/suspicious-volhard-460q8?fontsize=14&hidenavigation=1&theme=dark
Однако, когда я собираю его, а затем запускаю сборку, используя npm run build && npm run start -
To recreate this in codesandbox -
- In bottom right click on + sign for a new terminal
- npm run build
- npm run start (I have already added "start": "next start -p 8080" in the package.json file so a new tab will be created for the sandbox and can be accessed as https://460q8-8080.sse.codesandbox.io/, где 8080 означает номер порта)
Ожидаемое поведение Пользовательский интерфейс должен быть таким же, как при использовании npm run dev.
Вопрос
Почему мой пользовательский интерфейс разработчика работает нормально, но когда я создаю и обслуживаю, пользовательский интерфейс выглядит странно. В чем именно разница между npm run dev и npm run build && npm run start в контексте Next JS?
Любое решение этой проблемы?
Мои попытки
Я пытался работать над этой проблемой и задавал этот вопрос в официальных обсуждениях Github на Далее JS. Не удалось найти никакого ответа.
Я даже создал проблему с ошибкой Github на Github react-carousel, они мало чем помогли.
Спасибо за помощь.