React Router Parameterized Link无法在服务器端运行

Question

在将我的React应用程序构建并部署到Apache2.4 Web服务器之后，每当我尝试访问带有参数（例如/verify/:id）的链接时，我的控制台都会出现黑屏和两个错误，两者均为{ {1}}（https://i.imgur.com/MM83bU8.png）。 当我使用SyntaxError: expected expression, got '<'

在本地对其进行测试时，不会发生这种情况

结果表明，该错误中提到的两个文件都不包含JS，而是包含HTML。 main [...]。js的内容： https://i.imgur.com/IFGNeJC.png

常规链接（例如/ register，/ login等）像梦一样工作。

---

我已经尝试使用npm软件包npm start为该应用提供服务。

---

我的react-router-dom设置

serve

验证组件（Verify.js）

import Submit from './Submit'
import Verify from './Verify'
import {BrowserRouter as Router, Route, Switch} from "react-router-dom"

<Router>
  <Switch>
    [...]
    <Route exact path="/jam/submit/" component={Submit} /> // working route
    <Route path="/jam/verify/:token" component={Verify} /> // not working route
  </Switch>
</Router>

---

现在总结一下：

应该怎么办？

我应该看到import React, { Component } from 'react' export default class Verfiy extends Component { render() { return( <div> <span>{this.props.match.params.token}</span> </div> ) } } 传递的参数

实际上会发生什么？

我得到一个空白页和上面提到的控制台错误。

您可以在https://cyklan.de/jam/verify/ThisShouldShowUp

进行检查