我们用create-react-app创建了一个项目后, 打包后本地打开页面空白, 查看控制台, 发现css和js引入的路径不对


我们查看打包后的html页面

 
这里用的全是绝对路径, 如果是服务器环境下访问没有问题, 但是本地打开就会找不到资源目录

解决方法

只需要打包时候, 将绝对路径替换为相对路径即可:

package.json中添加一行:

"homepage":"."

变成这样:


homepage作用就是打包时候, 自动在资源目录, 也就是引入的js和css目录前面添加设置的字符串,

设置为 "."会自动在前面添加一个., 这样绝对路径就变为相对路径了,

再次打包, 查看打包后的html:


路径全部变为了相对路径, 直接打开页面 , 就可以看到内容了

推广一下自己开发的微信小程序,有兴趣的朋友可以玩一玩

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐