React教程-未加载css

我正在学习关于React/Spring Boot的教程。一切都进行得很顺利，包括最初在React上展示的团队

然而，一旦React块被重构，将组列表分离到一个单独的模块中，并且添加了导航栏，我就得到了一个没有任何css呈现的显示

代码如下：

App.js

import React, { Component } from 'react';
import './App.css';
import Home from './Home';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
import GroupList from './GroupList';

class App extends Component {
  render() {
    return (
      <Router>
        <Switch>
          <Route path='/' exact={true} component={Home}/>
          <Route path='/groups' exact={true} component={GroupList}/>
        </Switch>
      </Router>
    )
  }
}

export default App; 

---

非常感谢您的帮助

如果我理解正确，您没有使用在

App.css

文件中定义的类

要使用样式，请将

className

属性添加到需要样式设置的元素中

例如，在您的

home.js

中：

<Button className="App-link" color="link"><Link to="/groups">Manage JUG Tour</Link></Button>

---

如果我理解正确，您没有使用在

App.css

文件中定义的类

要使用样式，请将

className

属性添加到需要样式设置的元素中

例如，在您的

home.js

中：

<Button className="App-link" color="link"><Link to="/groups">Manage JUG Tour</Link></Button>

---

这是我的错，我只需要将其添加到index.js中，这在说明中是正确的：

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

---

这是我的错，我只需要将其添加到index.js中，这在说明中是正确的：

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

---

您尝试重新启动dev服务器了吗？是的，运气不好。还尝试了不同的浏览器和匿名模式。是否尝试重新启动开发服务器？是的，运气不好。还尝试了不同的浏览器和匿名模式。谢谢-这是我的错，我只需要添加这个，这在说明中是正确的：导入'bootstrap/dist/css/bootstrap.min.css'；哦，这是基本样式的另一个方面，但是如果你想使用

App.css

中的样式，请使用我的答案。谢谢-这是我的错，我只需要添加这个，这在说明中是正确的：导入'bootstrap/dist/css/bootstrap.min.css'；哦，这是基本样式的另一个方面，但是如果您想使用

App.css

中的样式，请使用我的答案。

<Button className="App-link" color="link"><Link to="/groups">Manage JUG Tour</Link></Button>

return (
  <div className="App">
    <header className="App-header">
      <img src={logo} className="App-logo" alt="logo" />
      <div className="App-intro">
        <h2>JUG List</h2>
        {groups.map(group =>
          <div key={group.id}>
            {group.name}
          </div>
        )}
      </div>
    </header>
  </div>
);

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