Как вы импортируете CSS из node_modules в реакции?

Question

Я следую учебнику по YouTube, чтобы изучить стек MERN. В настоящее время я пытаюсь импортировать boostrap css в моем файле приложения. js. Но я продолжаю получать эту ошибку.

Ошибка

Вот мое приложение. js file

import React, { Component } from 'react';
import AppNavbar from './components/AppNavbar';


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

class App extends Component {
  render() {
    return (
      <div className="App">
        <AppNavbar />
      </div>
    );
  }
}

export default App;

Я запустил npm install --save boostrap, прежде чем пытаться включить его, я также перезапустил сервер. Все безрезультатно. Есть ли новый способ включить css из папки node_modules?

Answer 1

У вас есть опечатка, используйте это

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

Answer 2

Если вы пытаетесь импортировать bootstrap в ваш реактивный проект. Вы можете импортировать файл css в ваш App.js следующим образом.

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

Оператор импорта не находит файл (-ы) для переданного пути.