react ant design pro用yarn build打包后加载不出来效果的解决办法

最近在做一个从0开始的react项目,我们要做一个后台管理系统,然后需要打包成可执行的.exe文件和.apk文件,能在windown系统和Android系统都能运行,然后我发现在打包antd pro 项目的时候一直有问题找不到资源,我就在网上找了很多资料,最后解决了,下面分享一下我的解决办法

一.遇到问题

直接yarn build后,在我本地打开dist文件就是一直在转圈圈,什么都加载不出来,看控制台是没有获取到资源
在这里插入图片描述
我的好朋友告诉我是因为我没有把这个文件放在服务器上面,但是我自己看了一下那些资源都在dist文件夹下面,按理来说应该都是可以找到的,所以我就在网上疯狂找解决办法,但是搜集出来的资料是少之又少,好了不说其他的了,下面是解决办法

二、解决办法

1.找到config文件夹下面的config文件
在这里插入图片描述
2.把type: 'browser’改成type: ‘hash’,再加上一条 publicPath: ‘./’,

  history: {
    type: 'hash'
  },
  publicPath: './',

在这里插入图片描述
修改完成后,重新build一下就可以了,地址都是一样的,因为我是在本地dist文件里面打开的index.html文件
在这里插入图片描述

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值