如何在反应中从node_modules导入CSS？

Question

我正在关注一个YouTube教程，以学习MERN堆栈。目前，我正在尝试在我的App.js文件中导入boostrap css。但我一直收到此错误。

Error

这是我的App.js文件

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之前，我也重新启动了服务器。一切都无济于事。是否有新的方法可以从node_modules文件夹中包含CSS？

Answer 1

如果您试图将bootstrap导入到您的react项目中。您可以像这样将css文件导入到App.js中。

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

import语句未找到文件对传入路径的作用。

Answer 2

您有错字，请使用此

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