Я не могу построить свою реакцию с проблемой boostrap в css -loader - PullRequest
Новая
       17

Я не могу построить свою реакцию с проблемой boostrap в css -loader

0 голосов
/ 31 января 2020

Мой индекс реакции. js импорт bootstrap, я использую Webpack 4 

import React from 'react';
import ReactDOM from 'react-dom';
import './assets/css/index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';
import 'bootstrap/dist/css/bootstrap.min.css';

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

serviceWorker.unregister();

Когда я запускаю сборку, это сообщение об ошибке

ОШИБКА в ./node_modules /bootstrap/dist/css/bootstrap.min.css 6: 3
Ошибка синтаксического разбора модуля: неожиданный токен (6: 3)
Вам может потребоваться соответствующий загрузчик для обработки этого типа файлов, в настоящее время нет загрузчики настроены на обработку этого файла. См. https://webpack.js.org/concepts#loaders

module: {
   ...
   {
      test: /\.css$/,
      exclude: /(node_modules)/,
      use: ['style-loader', 'css-loader'],
   },
   ...
}

Спасибо за помощь.

1 Ответ

1 голос
/ 31 января 2020

Вы исключаете ваши node_modules, вызывающие эту проблему, удаляете его из конфигурации wabpack. 

module: {
   ...
   {
      test: /\.css$/,
      use: ['style-loader', 'css-loader']
   },
   ...
}
...