你如何从node_modules中导入CSS?

时间:2020-04-24 14:16:57

标签: reactjs npm mern reactstrap

我正在关注一个YouTube教程,以学习MERN堆栈。目前,我正在尝试将Boostrap CSS导入我的App.js文件中。但是我一直收到这个错误。

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?

2 个答案:

答案 0 :(得分:0)

如果您尝试将test$Month = factor(test$Month,levels=dat[,1]) test %>% ggplot(aes(x=Month,y=1,col=category)) + geom_point(position=position_stack()) + scale_y_continuous(labels=scales::number_format(scale=1000)) 导入到您的react项目中。您可以像这样将css文件导入到bootstrap中。

App.js

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

答案 1 :(得分:0)

您有错字,请使用

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