React Router-捕获到的SyntaxError：使用参数刷新URL时出现意外的令牌<

Question

我正在使用react 16和react router 4，webpack和webpack dev server。

我确实有以下Route：

<Route path="/company/:symbol" render={this.getCompanyPageRoute} />

我确实通过以下内容导航到该路线：

this.props.history.push('/company/blablabla');

一切正常。但是，如果我使用此URL刷新页面，则会出现以下错误：

  

未捕获到的SyntaxError：意外令牌<< / p>

我已经看到有很多关于此错误的文章，但是我并没有按照这些链接来解决此问题。

Answer 1

我刚刚遇到了同样的问题。

就我而言，我必须添加您在回答中提到的 publicPath: '/'，并在我的脚本源代码中添加一个开头 /。

output: {
    path: path.join(__dirname, "/public/dist"),
    publicPath: '/',
    filename: "[name].js",
}

之前：<script src="dist/main.js"></script>（缺少开头/）

之后：<script src="/dist/main.js"></script>