Модуль не найден: невозможно разрешить 'bootstrap/dist/css/bootstrap-theme.css' в 'C:\response-form-validation-demo\src'

Я новичок в Reaction.js. Я следовал инструкциям в как сделать простую проверку формы в реакции, и я могу запустить http://localhost:3000/

Но после добавления начальной загрузки в index.js я получил эту ошибку

Failed to compile ./src/index.js Module not found: Can't resolve
'bootstrap/dist/css/bootstrap-theme.css' in
'C:\react-form-validation-demo\src'

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import 'bootstrap/dist/css/bootstrap.css';
import 'bootstrap/dist/css/bootstrap-theme.css';
import App from './App';
import registerServiceWorker from './registerServiceWorker';

ReactDOM.render(<App />, document.getElementById('root'));
registerServiceWorker();

Если я уберу эти две строки ниже, это сработает:

import 'bootstrap/dist/css/bootstrap.css';
import 'bootstrap/dist/css/bootstrap-theme.css';

Ответы

Ответ 2

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

Если у вас уже есть начальная загрузка и реакция-начальной загрузки, с помощью некоторого варианта:

npm install --save [email protected]^4.0.0-alpha.6 [email protected]^0.32.1

(Проверьте, содержит ли package.json "bootstrap" и "response-bootstrap", если вы не уверены.)

Просто установите другую версию начальной загрузки и пересоберите свой проект. Это должно заменить или добавить этот файл (bootstrap/dist/css/bootstrap-theme.css) в эту папку. Более низкая версия начальной загрузки работала для меня, как рекомендовано в моем приложении create-реагировать на приложение, сгенерированном README.md:

npm install --save react-bootstrap [email protected]

Добавление начальной загрузки

Вам не нужно использовать React Bootstrap вместе с React, но это популярная библиотека для интеграции Bootstrap с приложениями React. Если вам это нужно, вы можете интегрировать его с приложением Create React, следуя эти шаги:

Установите React Bootstrap и Bootstrap с npm. React Bootstrap делает не включает Bootstrap CSS, поэтому его также необходимо установить:

sh npm install --save react-bootstrap [email protected]

В качестве альтернативы вы можете использовать yarn:

sh yarn add react-bootstrap [email protected]

Ответ 3

npm install --save [email protected]^4.0.0-alpha.6  [email protected]^0.32.1

я сталкиваюсь с той же проблемой, но после установки выше пакетов он работает хорошо, возможно, вы также должны установить те же пакеты

Ответ 4

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

sudo npm install bootstrap --save

Ответ 5

Удалить

import 'bootstrap/dist/css/bootstrap-theme.css'

Это сработало для меня.

Ответ 6

Я столкнулся с одной и той же проблемой, но мой проект не был создан с помощью приложения create-react-app webpack create-react-app, у меня было использование webpack.

Я могу ответить, как я решил это для webpack, возможно, вы сможете найти изменения, необходимые для create-react-app после того, как вы пройдете этот ответ.

Сначала я установил эти два modules-
style-loader
css-loader

Затем я изменил файл webpack.config.js и добавил эти строки внутри массива module.rules.

{
  test: /\.css$/,
  loader: 'style-loader'
},
{
  test: /\.css$/,
  loader: 'css-loader',
  query: {
    modules: true,
    localIdentName: '[name]__[local]___[hash:base64:5]'
  }
}

Ответ 7

enter image description here

Вы также можете проверить, что ваше импортированное имя package.json не зависит от другого.

Ответ 8

У меня такая же проблема, и я решил эту проблему. Прежде всего удалите каталог node_modules из проекта, а затем установите bootstrap с помощью команды ниже.

npm install 
npm i bootstrap

Затем вы можете добавить указанный ниже импорт в index.js

import 'bootstrap/dist/css/bootstrap.min.css';

Ответ 9

Возможно, что когда вы установили загрузчик, вы не были в каталоге, который создал create-react-app (это было источником моей проблемы). Вы можете проверить с помощью: npm list, который ищет локально установленные пакеты.

Затем прокрутите весь путь до самого верха и посмотрите, сможете ли вы найти там начальную загрузку.