Загрузочный минимизированный css загружается только если я импортирую его в index.js - PullRequest
0 голосов
/ 30 января 2019

Итак, я использовал загрузчик BootstrapCDN до сих пор, но я хотел бы просто загрузить файлы и использовать их локально, не полагаясь на мое интернет-соединение, но стили не будут загружаться.Кстати, мне нужна только сетка 1002 *.

Я использую реагирование с пользовательским интерфейсом и сеткой бутстрапа -> структура проекта

Я изменилссылка на таблицу стилей и скрипт для указания на мои файлы, и я также соответственно изменил теги jQuery и Popper.js.

CSS

с

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"...>

до

<link rel="stylesheet" href="../src/bootstrap/sources/css/bootstrap.min.css">

JS

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"

сейчас:

<script src="../src/bootstrap/sources/js/bootstrap.min.js"></script>

и то же самое с

<script src="../src/bootstrap/jquery-3.2.1.slim.min.js"></script> <script src="../src/bootstrap/popper.min.js"></script>

, пока ссылка на bootstrap.min.css находится в <header>, а все остальныев теге <body>.

Сетка не работает, и все перепутано.Но если я включу import './bootstrap/sources/css/bootstrap.min.css'; в мой /src/index.js файл - файл, в котором у меня есть личные маршруты к определенным страницам - сетка действительно сработает.

Если я изменил его обратно на css загрузочного загрузчика из BootstrapCDNи укажите ссылку, как это было раньше, мне не нужно включать этот импорт, и сетка работает безупречно.

Я что-то не так делаю?

РЕДАКТИРОВАТЬ: chrome показывает файл css ивесь файл js загружается с кодом 304 - не изменяется на вкладке сети

1 Ответ

0 голосов
/ 30 января 2019

Прежде всего: нет ничего плохого в том, чтобы сохранить импорт CSS в вашем файле JS ... что с ним не так?Это обычный способ использования React.

О вашей конкретной проблеме: вы имеете в виду несуществующий файл, такой как ../src/bootstrap/jquery-3.2.1.slim.min.js.Это потому, что этот путь действителен в вашем источнике, но не в конечном пакете.

Если вы используете, например, create-react-app, вы должны поместить свои ресурсы (папку bootstrap) в publicвместо папки, поэтому используемый URL должен быть примерно таким: "/bootstrap/jquery-3.2.1.slim.min.js".Еще лучше: используйте переменную %PUBLIC_URL%.

См. https://facebook.github.io/create-react-app/docs/using-the-public-folder

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