Reactstrap - create-response-app - не найдено bootstrap / dist / css / bootstrap.css - v.4
Я новичок в этом. Я пытаюсь создать приложение для реагирования с помощью bootrap 4. Я использую реагировать, выполнив следующие шаги:
create-react-app my-app
npm install bootstrap --save
npm install --save reactstrap@next react react-dom
Импортируйте Bootstrap CSS в файл src / index.js: импортировать 'bootstrap / dist / css / bootstrap.min.css';
Но когда я запускаю свое приложение, я получаю эту ошибку:
Failed to compile.
./src/index.js Module not found: Can't resolve 'bootstrap/dist/css/bootstrap.css' in 'D:\React\my-app2\src'
Я использовал загрузку с CDN, знаете ли, на моей html-странице ссылка rel = "stylesheet" ... и т. д. и скрипт src = "" ... и т. д.. Но, используя реагировать, где файлы js? (jquery, popper, bootstrap) (все вместе, когда я запускаю npm install bootstrap --save?)
Спасибо
Ответы 1
Как видно из ошибки, он пытается найти bootstrap / dist / css / bootstrap.css внутри вашей папки src. Но если вы посмотрите на файлы своего проекта, вы заметите, что папка бутстрап расположена на 1 уровень выше (в корне) внутри папки node_modules.
Так что либо найдите и исправьте свой путь к:
../node_modules/bootstrap/dist/css/bootstrap.css.
Или добавьте (если вы еще этого не сделали) ссылку на свой index.js:
import '../node_modules/bootstrap/dist/css/bootstrap.css'.
Это дерево файлов:
+-node_modules
|-bootstrap
|-dist
|-css
|-bootstrap.css
+-src
|-index.js
просто потрясающе, и мне интересно, почему во всех уроках есть такой путь импортировать 'bootstrap / dist / css / bootstrap.min.css';? какие-нибудь мысли по этому поводу?
Структура файла может зависеть от учебника. Лучший способ - узнать, где находится файл CSS, какой к нему доступ, и использовать его.
Загляните в папку
./node_modules/bootstrap, и вы увидите, где находится ваш файл css.