我正在尝试为我的第一个 React web 应用程序设置一个 react-router，它似乎可以正常工作，只是当我刷新页面时 css 不会加载我的嵌套页面。
但是它只适用于一个级别，例如 /dashboard 但 css 不会为 /components/timer 加载
这是我的 index.jsx 文件的样子
import './assets/plugins/morris/morris.css';
import './assets/css/bootstrap.min.css';
import './assets/css/core.css';
import './assets/css/components.css';
import './assets/css/icons.css';
import './assets/css/pages.css';
import './assets/css/menu.css';
import './assets/css/responsive.css';
render(
<Router history={browserHistory}>
<Route path="/" component={Dashboard}/>
<Route path="/components/:name" component={WidgetComponent}/>
<Route path="*" component={Dashboard}/>
</Router>,
document.getElementById('root')
);
知道为什么吗？
最佳答案
我也有这个问题，我的应用程序没有加载样式表等。但是，我将 Assets 直接导入到我的 index.html 入口点。
根据 this documentation 用绝对路径替换链接，我的问题就解决了。
对我来说，这意味着改变
<head>
<link rel="stylesheet" href="./style.css" ></link>
</head>
为此:
<head>
<link rel="stylesheet" href="/style.css" ></link>
</head>
我不确定同样的事情是否适用于您的导入语句，但值得一试。
仅供引用，我正在使用 create-react-app 中的元素布局。
关于css - React-router 在刷新时不为嵌套页面加载 css，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40426011/