Question

当页面被刷新并且生产模式下的内页时，React js组件不呈现但是它在开发模式下工作时具有相同的代码..

我正在使用React Router V4，React js with Redux，Webpack。

class Router extends React.Component {
      render() {
          return (
            <Provider store={store}>
              <BrowserRouter>
              <Switch>
                 <Route exact path="/" component={LandingPage} />
                 <Route exact path="/chapterlist" component={chapterList} />
                 <Route exact path="/posts/:id" component={ChapterDetail} />
                  <Route  path="*" component={NotFound} />
                </Switch>
              </BrowserRouter>
            </Provider>
          );
        }
      }

Check Screenshot

Answer 1

我想你需要在webpack publicPath部分设置output选项。

output: {
  ...
  publicPath: '/'
}

您遇到的错误是因为当您使用/posts/203075之类的路线并且未配置publicPath时，资源无法建立。 Webpack认为您的文件采用这种路由/posts/styles.css。

在生产模式下刷新页面时，不会呈现React组件

1 个答案: