reactjs - 在 redux 中使用 React Router 时如何修复黑屏

标签 reactjs webpack redux react-router

使用本地主机,这是正常的。但是当我使用“npm run build”并将源代码实时上传到服务器时,我的页面是空白屏幕,没有任何错误、警告。这是我的代码。感谢您的帮助。

    'use strict';
import React from 'react';
import { render } from 'react-dom';
import { Provider } from 'react-redux';
import { createStore , applyMiddleware  } from 'redux';

import dataService from './box-message/api';

import switchsApp from './box-message/reducers';
import App from './box-message/components';

import {Router, Route, browserHistory} from 'react-router';
import MyProfile from './profile';

import '../index.html';
import '../libs/js/socketcluster.min.js';
import '../libs/css/styles.min.css';

window.store = createStore(switchsApp , applyMiddleware(dataService));

window.store.dispatch({type: 'GET_MESSAGE_DATA'});

render(
    <Provider store={window.store} >
        <Router history={browserHistory}>
            <Route path="/" component={App} />
            <Route path="/question" component={MyProfile} />
        </Router>
    </Provider>
    ,document.getElementById('root')
)

最佳答案

尝试

<IndexRoute component={App}/>

关于reactjs - 在 redux 中使用 React Router 时如何修复黑屏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42310949/

相关文章:

javascript - 如何在不重新渲染随机放置的同级组件数组的情况下,根据滚动位置更新样式化组件的样式?

webpack - 加载 'Module' 时出错

scss @import 中的 Webpack 和别名

reactjs - 使用下拉列表自定义 ag-grid-filter 使用 react-redux 过滤特定列

javascript - react Hook : fetch data inside useEffect warning

javascript - 改变 redux 状态但也保留一些旧的状态值

reactjs - react 内存获取结果并仅在新项目添加到列表时再次获取

javascript - react 中的新行

javascript - 语义UI React下拉搜索allowAddition,如何区分onchange事件中的添加?

webpack - 在 Electron 中使用 Webpack 自动刷新