React - CSS Стили перепутались после сборки приложения React - PullRequest
0 голосов
/ 28 марта 2020

Я видел много проблем, подобных моей, с несколькими решениями, но ни одна из них не работала для меня.

Я создал приложение React, используя npx create-react-app prima-prova, как показано в официальном руководстве .

При разработке "npm start" работает отлично, но при запуске "npm запускайте сборку && serve -s build /" стили (только CSS) будут испорчены.

В среде разработки

In the Dev Environment

В производстве

In production

Из того, что я видел, эта проблема встречается часто при использовании библиотеки UI материалов, но поскольку я ее не использую, это не должно иметь значения.

"dependencies": {
    "@mikecousins/react-pdf": "^5.5.1",
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.4.0",
    "@testing-library/user-event": "^7.2.1",
    "@tinymce/tinymce-react": "^3.5.0",
    "animated-scroll-to": "^2.0.5",
    "axios": "^0.19.2",
    "bootstrap": "^4.4.1",
    "jquery": "^3.4.1",
    "pdf-viewer-reactjs": "^2.0.2",
    "react": "^16.12.0",
    "react-bootstrap": "^1.0.0-beta.16",
    "react-dom": "^16.12.0",
    "react-fileupload-progress": "^0.5.0",
    "react-google-login": "^5.1.1",
    "react-google-recaptcha": "^2.0.1",
    "react-iframe": "^1.8.0",
    "react-router": "^5.1.2",
    "react-router-dom": "^5.1.2",
    "react-scripts": "3.4.0",
    "react-select": "^3.1.0"
  }

Это мои зависимости.

Если бы мне пришлось сделать дикое предположение, я бы сказал, что это была библиотека pdf-viewer-reactjs": "^2.0.2, которая все испортила, но это лучшая из всех, что я нашел для отображения PDF-файлов на моей веб-странице. Есть ли лучший способ сделать это или что-то еще, чтобы все сломать? Заранее спасибо

1 Ответ

1 голос
/ 28 марта 2020

Это может быть глупо, но вы пытались удалить свои зависимости одну за другой и посмотреть, кто будет нести ответственность?

Кроме того, я бы обязательно проверил, какие имена классов испорчены, и выяснил, почему эти классы c указаны. Потому что, похоже, ты все равно получаешь частичное моделирование.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...