webpack打包react程序后打开html是空白,开发环境用webpack-dev-server运行可以,什么情况?

routes.js

import React, {Component} from 'react'
import createHashHistory from 'history/createHashHistory'
const customHistory = createHashHistory();
import {
    BrowserRouter as Router,
    BrowserRouter,
    Route,
} from 'react-router-dom'
import  ReqIndex from '../components/reqindex/reqindex'
import Login from '../components/login/login'

export default class Routes extends Component {
    render() {
        return (
            <Router history={customHistory}>
                <div>
                    <Route exact path="/" component={Login}/>
                    <Route path="/reqindex" component={ReqIndex}/>
                </div>
            </Router>
        )
    }
}




app.js

import React from 'react'
import ReactDOM from 'react-dom'
import './assets/style/base.scss'
import Routes from './routes/routes'
ReactDOM.render(
    <Routes/>,
    document.getElementById('app')
);
阅读 6.1k
4 个回答

在本地服务器运行,不要用file:///

新手上路,请多包涵

请问楼主 最后解决了吗?我现在也是这样的打成build包后 服务器部署后 是白屏。。。

package.json 文件里没有配置 homepage,加上这句就行了:"homepage": "."

不要配置publicPath

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题