React build 后页面空白 报错

原创 2018年04月17日 13:22:42

如果想要直接双击index.html打开的话,需要对引用css,js的地址进行修改.

默认的为"/"

打开webpack.production.config.js

将publicPath改为 如图:'./'


另外要注意package.json中是否设置了用webpack.production.config.js来打包


现在页面可以正常打开了,但是报了个警告

这个先记录着,回头再研究一下

React fundamental 和 React Router

-
  • 1970年01月01日 08:00

react-router打包后打开路由页面空白

react-router打包后无法通过路由进入到页面,是因为当我们使用react-router-dom里的BrowserRouter as Router时,是用浏览器history对象的方法去请求服务...
  • bbsyi
  • bbsyi
  • 2017-12-12 14:47:47
  • 909

那些年,React 踩过的坑

1. propTypes 空数组报undefined Warning举例来说:import React from 'react'; import { Breadcrumb, Icon } from '...
  • u011077672
  • u011077672
  • 2017-12-22 16:52:53
  • 63

React build 后页面空白 报错

如果想要直接双击index.html打开的话,需要对引用css,js的地址进行修改.默认的为"/"打开webpack.production.config.js将publicPath...
  • qq_40464803
  • qq_40464803
  • 2018-04-17 13:22:42
  • 6

react打包过程遇到的问题

参考链接: http://fex.baidu.com/blog/2015/07/we-have-a-problem-with-promises/1、用了Promise后如何使用forEach这里是大多...
  • CystalVon
  • CystalVon
  • 2017-07-05 20:06:13
  • 2641

React中点击空白位置弹框消失的实现汇总

前端开发中经常使用弹框展示一些信息,如下图所示,点击show弹框显示。如果要实现点击hide及弹框外空白位置弹框消失,并且在点击alert弹框消失的同时响应alert上绑定的事件,要如何实现?1、ad...
  • smk108
  • smk108
  • 2018-02-25 13:03:45
  • 235

react-router打包后打开路由页面空白

react-router打包后无法通过路由进入到页面,是因为当我们使用react-router-dom里的BrowserRouter as Router时,是用浏览器history对象的方法去请求服务...
  • qq_40963664
  • qq_40963664
  • 2018-04-08 09:58:10
  • 63

webpack打包react和过程遇到的问题

1.首先我们需要在项目下载中间件:babel-preset-es2015,babel-preset-react,react,react-router,webpack-dev-servernpm ins...
  • YIDBoy
  • YIDBoy
  • 2017-01-16 15:14:38
  • 1647

React项目打包后,404的解决方案

公司做项目,用React开发。组件式开发过程对于程序员来说,层次清晰,十分清爽。打包上线阶段,出现问题: 当发生在新标签打开新网页或者刷新当前页面时(被打开的页面路径都不是首页路径),这时会出现40...
  • Lambert0320
  • Lambert0320
  • 2017-06-16 17:53:34
  • 1240

react实现登录页面demo

//ͷ头部 class Header extends React.Component { goBack (){ window.history.go(-1); } render() { ...
  • gxf_ming
  • gxf_ming
  • 2017-03-14 17:18:24
  • 4332
收藏助手
不良信息举报
您举报文章:React build 后页面空白 报错
举报原因:
原因补充:

(最多只允许输入30个字)